<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[Форум ReadyScript &mdash; Отправка формы средствами AJAX]]></title>
	<link rel="self" href="http://forum.readyscript.ru/feed/atom/topic/909/" />
	<updated>2016-09-26T15:43:58Z</updated>
	<generator>PunBB</generator>
	<id>http://forum.readyscript.ru/topic/909/otpravka-formy-sredstvami-ajax/</id>
		<entry>
			<title type="html"><![CDATA[Re: Отправка формы средствами AJAX]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4706/#p4706" />
			<content type="html"><![CDATA[<p>Отлично!</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-09-26T15:43:58Z</updated>
			<id>http://forum.readyscript.ru/post/4706/#p4706</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Отправка формы средствами AJAX]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4700/#p4700" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>Забыл спросить, а адрес у Вас какой на который вы обращаетесь? У Вас там используется вывод блока? Или содержимого фронт контроллера?</p></blockquote></div><p>Спасибо, я уже разобрался))</p><p>Итог такой:</p><p><strong>Javascript</strong><br /></p><div class="codebox"><pre><code>$(function() {
    $(&#039;div.ajaxBlock form.ajaxForm&#039;).submit(function(e) {
        var $form = $(this)
        $.ajax({
            type: $form.attr(&#039;method&#039;),
            dataType: &#039;json&#039;,
            url: $form.attr(&#039;action&#039;),
            data: $form.serialize(),
            success: function(response){
                $(&#039;div.ajaxBlock&#039;).html(response.html);
            }
        });
        e.preventDefault();
    });
});</code></pre></div><p><strong>TPL</strong><br /></p><div class="codebox"><pre><code>&lt;div class=&quot;ajaxBlock&quot;&gt;
    &lt;form method=&quot;POST&quot; class=&quot;ajaxForm&quot; action=&quot;{$router-&gt;getUrl(&#039;название_модуля-block-название_контроллера&#039;)}?_block_id={$this_controller-&gt;getBlockId()}&quot;&gt;
        &lt;input type=&quot;text&quot; name=&quot;name&quot;&gt;
        &lt;input type=&quot;submit&quot; value=&quot;Отправить&quot;&gt;
    &lt;/form&gt;
&lt;/div&gt;</code></pre></div>]]></content>
			<author>
				<name><![CDATA[Ба Ань]]></name>
				<uri>http://forum.readyscript.ru/user/412/</uri>
			</author>
			<updated>2016-09-26T11:21:40Z</updated>
			<id>http://forum.readyscript.ru/post/4700/#p4700</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Отправка формы средствами AJAX]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4697/#p4697" />
			<content type="html"><![CDATA[<p>Забыл спросить, а адрес у Вас какой на который вы обращаетесь? У Вас там используется вывод блока? Или содержимого фронт контроллера?</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-09-26T09:25:37Z</updated>
			<id>http://forum.readyscript.ru/post/4697/#p4697</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Отправка формы средствами AJAX]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4693/#p4693" />
			<content type="html"><![CDATA[<div class="quotebox"><blockquote><p>А как я могу получить в ответе только результат формы, а не страницу полностью?</p></blockquote></div><p>При обращении через AJAX наша система отвечает только частью страницы.</p><br /><div class="codebox"><pre><code>UPD: кажется разобрался) Но возник другой вопрос, ajax возвращает мне данные в unicode.</code></pre></div><p>Так и должно быть т.к. все UTF-8. Как и положено. Но это не является проблемой, т.к. Ваш браузер всё преобразует сам пр получении ответа в переменной.</p><p>Сам ответ части странице хранится в секции html.<br /></p><div class="codebox"><pre><code>success: function(response) {
         console.log(response);
         console.log(response.html);
}</code></pre></div><p>Код выше покажет в консоли FireBug что к чему.</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-09-26T08:37:47Z</updated>
			<id>http://forum.readyscript.ru/post/4693/#p4693</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Отправка формы средствами AJAX]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4677/#p4677" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><div class="codebox"><pre><code>$(document).ready(function() { 
  $(&#039;#formFeedback&#039;).ajaxForm({
        dataType: &#039;json&#039;, //Тип принимаемых данных когда вернётся запрос
        data: {//Параметры для запроса (необязательно)
           dialogWrap: 1
        }, 
        beforeSubmit: function(arr, form, options) {  //(необязательно)
               //Действия до отправки
        },
        success: function(response) {
               //Здесь обрабатываем ответ.
        }
   });
});</code></pre></div><p>Ссылка на документацию к плагину jQuery Form<br /><a href="http://malsup.com/jquery/form/">http://malsup.com/jquery/form/</a></p></blockquote></div><p>А как я могу получить в ответе только результат формы, а не страницу полностью? Интересует модуль feedback и comments</p><p>UPD: кажется разобрался) Но возник другой вопрос, ajax возвращает мне данные в unicode.</p>]]></content>
			<author>
				<name><![CDATA[Ба Ань]]></name>
				<uri>http://forum.readyscript.ru/user/412/</uri>
			</author>
			<updated>2016-09-24T11:40:43Z</updated>
			<id>http://forum.readyscript.ru/post/4677/#p4677</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Отправка формы средствами AJAX]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4632/#p4632" />
			<content type="html"><![CDATA[<div class="codebox"><pre><code>$(document).ready(function() { 
  $(&#039;#formFeedback&#039;).ajaxForm({
        dataType: &#039;json&#039;, //Тип принимаемых данных когда вернётся запрос
        data: {//Параметры для запроса (необязательно)
           dialogWrap: 1
        }, 
        beforeSubmit: function(arr, form, options) {  //(необязательно)
               //Действия до отправки
        },
        success: function(response) {
               //Здесь обрабатываем ответ.
        }
   });
});</code></pre></div><p>Ссылка на документацию к плагину jQuery Form<br /><a href="http://malsup.com/jquery/form/">http://malsup.com/jquery/form/</a></p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-09-21T11:57:58Z</updated>
			<id>http://forum.readyscript.ru/post/4632/#p4632</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Отправка формы средствами AJAX]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4631/#p4631" />
			<content type="html"><![CDATA[<p>Здравствуйте,<br />Подскажите, пожалуйста, на пальцах, как отправить форму feedback средствами AJAX?<br />Куда отправлять запрос и как получить ответ?<br />Остановился на подключении модуля jquery.form<br /></p><div class="codebox"><pre><code>$(document).ready(function() { 
    $(&#039;#formFeedback&#039;).ajaxForm(function() {
        ???
    }); 
}); </code></pre></div><p>Приведите простой пример, пожалуйста.<br />Пытаюсь создать тему с нуля, без сетки на ui kit.</p>]]></content>
			<author>
				<name><![CDATA[Ба Ань]]></name>
				<uri>http://forum.readyscript.ru/user/412/</uri>
			</author>
			<updated>2016-09-21T11:47:18Z</updated>
			<id>http://forum.readyscript.ru/post/4631/#p4631</id>
		</entry>
</feed>
