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

Question

Насколько легко преобразовать следующее представление формы 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, чтобы страница оленья кожа необходимо перезагрузить.

Answer 1

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

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

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

Answer 2

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

Посмотрите на $.ajax и $.post (и $.get) оберток для него.

Answer 3

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

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

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