我如何使用jQuery来ajaxify表单？-HowwouldIusejQuerytoajaxifyaform?

10  

The action should be whatever it would be if you weren't using Javascript.

如果您不使用Javascript，那么该操作应该是无论如何。

NB: The links below all go to the relevant section of the jQuery documentation)

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

Then you would bind a function to the submit event that serialized the form data and used that to make an Ajax request (probably reading the URI from the action attribute). It would have to prevent the default action for submit events.

然后，您将函数绑定到序列化表单数据的submit事件，并使用该函数发出Ajax请求（可能从action属性读取URI）。它必须阻止提交事件的默认操作。

I believe jQuery sets an X-Requested-With HTTP header. So you just need to modify your server side process to return different data if that is present (with the right value). This could be as simple as just switching to a different view (if you are using a MVC pattern).

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

2  

The simplest method is to use the $.load() method.

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

$.load(action, data, callback)

$ .load（动作，数据，回调）

The action could be a PHP script, ASP page, or simply another web page. If the data is null, it performs a GET. Otherwise, it performs a POST. The callback method is executed when the method is complete (not necessarily successful).

该操作可以是PHP脚本，ASP页面，也可以是其他网页。如果数据为null，则执行GET。否则，它执行POST。当方法完成时（不一定成功）执行回调方法。

http://docs.jquery.com/Ajax/load

http://docs.jquery.com/Ajax/load

For example:

例如：

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

When the form is submitted, the processOrder script is executed with the itemID and ordered arguments passed as data. When the script is finished, the browser navigate to the orderComplete page for additional processing or status display.

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

If you wish to take more control over the Ajaxification, you can use the $.get, $.post, or $.ajax methods.

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

0  

It depends. If you just want to send your values without reloading the page, I suggest you bind the submit event of the form to a function like so

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

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

After this, you would then set the function

之后，您将设置该功能

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;
}

For further infos on the ajax command, look here

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