Отправка формы PHP - преобразование в 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

$(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 2

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

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

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

Answer 3

Довольно просто.

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

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