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

相当容易。

使用$ .ajax，然后检出serialize（）函数来转换表单数据。 您还需要防止默认行为和事件冒泡。 本教程非常好。

在ajax调用中，您必须指定将处理请求的PHP页面。 该脚本将像正常的PHP表单一样处理表单提交，然后回显所有输出。 该输出将被传递回调用客户端。

Answer 3

尝试使用我的ALAJAX JQuery插件： http ://www.freelancer-id.com/alajax

它的简单方法如下：

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