PHP 表单提交 - 转换为 jQuery .Ajax答案

【问题标题】：PHP form submit - converting to jQuery .AjaxPHP 表单提交 - 转换为 jQuery .Ajax
【发布时间】：2012-01-25 16:38:08
【问题描述】：

将以下 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，所以页面不需要重新加载。

【问题讨论】：

标签： php jquery ajax

【解决方案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）的包装器。

【讨论】：

【解决方案2】：

很简单。

使用 $.ajax，并查看 serialize() 函数来转换您的表单数据。您还需要防止默认行为和事件冒泡。这个tutorial不错。

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

【讨论】：

【解决方案3】：

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

简单易行：

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

【讨论】：