PHP form submit – преобразование в jQuery .Ajax

Насколько легко преобразовать следующую форму PHP-формы в форму типа Ajaxy.

Вот PHP:

<?php //Send Tweet if(isset($_POST['submit'])) { $qtweet = $_REQUEST['tweet']; $connection->post('statuses/update', array('status' => $qtweet)); echo "<div style='padding-bottom: 5px; color: #0099FF;'>Updated your Timeline Successfully.</div>"; } ?> 

И форма HTML:

 <form id="tweethis" method='post' action='index.php'> <textarea style="width: 346px;" name="tweet" rows="5" id="tweet" ></textarea> <br /> <span id="charLeft">140</span> Characters left <br /> <input type='submit' value='Tweet This!' name='submit' id='submit' /> <br /> </form> 

Я хотел бы использовать Ajax, поэтому страница не нуждается в перезагрузке.

Related of "PHP form submit – преобразование в jQuery .Ajax"

Довольно легко.

Используйте $ .ajax и проверьте функцию serialize (), чтобы преобразовать данные формы. Вам также необходимо будет предотвратить поведение по умолчанию и пузырьки событий. Этот урок довольно хорош.

Внутри вызова ajax вам необходимо указать страницу PHP, которая будет обрабатывать запрос. Этот скрипт будет обрабатывать отправку формы, как в обычных PHP-формах, а затем отгоняет любой вывод. Этот вывод будет передан вызывающему клиенту.

 $(document).ready(function() { $("#tweethis").submit(function() { $.post('index.php', $("#tweet").val(), function(html) { $("#resultDiv").html(html); }); return false; // prevent normal submit }); }); 

Взгляните на $.ajax и $.post$.get ) для этого.

Попробуйте использовать мой плагин ALAJAX JQuery: http://www.freelancer-id.com/alajax

Его легко и просто:

 $("#form_ID or #div_ID").alajax();