我将如何使用jQuery对表单进行ajaxify化？

我试图在不使用jQuery插件的情况下对表单进行AJAXIFY。实现这一点的过程是什么。我有我的表格。我应该将操作设置为什么？头脚本应该是什么？请记住，我不想使用任何插件。我只需要一个使用jquery对表单进行轴化的基本算法。

操作应该是

注意：下面的链接都指向jQuery文档的相关部分）

然后，您将调用表单数据，并使用它来生成一个（可能）。它将不得不提交事件

---

我相信jQuery设置了一个带有HTTP头的X请求。因此，您只需要修改服务器端进程，以返回不同的数据（如果有正确的值）。这可能很简单，只要切换到不同的视图（如果您使用的是MVC模式）。

这取决于具体情况。如果您只想在不重新加载页面的情况下发送值，我建议您将表单的提交事件绑定到如下函数

jQuery('form#myForm').bind(submitValues);

在此之后，您将设置函数

function submitValues() {
   //do stuff here
   jQuery.ajax({
      //your ajax parameters here
   });

   //this is important to cancel the default action on submit (ergo. go to the address as defined in action
   return false;
}

---

有关ajax命令的更多信息，请查看

最简单的方法是使用$.load（）方法

$.load（操作、数据、回调）

操作可以是一个PHP脚本、ASP页面，或者只是另一个网页。如果数据为null，则执行GET。否则，它将执行POST。回调方法在方法完成时执行（不一定成功）

例如：

<form>
    $.load("scripts/processOrder.php", { item: itemID, quantity: ordered }, function {
        window.location.href = "orderComplete.htm";
    });
</form>

$.load（“scripts/processOrder.php”，{item:itemID，quantity:ordered}，函数{
window.location.href=“orderComplete.htm”；
});

提交表单时，将执行processOrder脚本，并将itemID和有序参数作为数据传递。脚本完成后，浏览器导航到orderComplete页面以进行其他处理或状态显示

---

如果您希望对Ajaxification进行更多控制，可以使用$.get、$.post或$.ajax方法。

而不是依赖X-request-With标头，您可以在JS/jQuery提交处理程序中设置输入“标志”：HTML:。。。JAVASCRIPT:$（'input#is_ajax'）.val（'Y'）。。。然后服务器端测试is_ajax POST值=='Y'。