html用ajax提交数据,使用jQueryAjax提交HTML表单

AJAX的快速描述

Ajax只是Asyncronous Javascript或XML(在大多数较新的情况下，JSON)。因为我们正在做一个ASYNC任务，我们可能会为我们的用户提供一个更愉快的UI体验。在这个特定的例子中，我们使用Ajax进行表单提交。

非常快，有4种一般的web操作GET, POST, PUT，和DELETE；这些直接对应于SELECT/Retreiving DATA, INSERTING DATA, UPDATING/UPSERTING DATA，和DELETING DATA..默认的HTML/ASP.NETWebform/PHP/Python或任何其他form动作是“提交”，这是一个后动作。正因为如此，下面所有的文章都将描述做一篇文章。但是，有时使用http，您可能需要一个不同的操作，并且可能希望利用.ajax.

我专门为您编写的代码(在代码注释中描述)：html>

First Name

Name

文献资料

例：使用Ajax请求发送表单数据$.post("test.php", $("#testform").serialize());

例：使用Ajax发布表单，并将结果放在div中html>

/* attach a submit handler to the form */

$("#searchForm").submit(function(event) {

/* stop form from submitting normally */

event.preventDefault();

/* get some values from elements on the page: */

var $form = $(this),

term = $form.find('input[name="s"]').val(),

url = $form.attr('action');

/* Send the data using post */

var posting = $.post(url, {

s: term                });

/* Put the results in a div */

posting.done(function(data) {

var content = $(data).find('#content');

$("#result").empty().append(content);

});

});

重要注记

如果不使用OAuth或至少HTTPS(TLS/SSL)，请不要将此方法用于安全数据(信用卡号、SSN、任何与PCI、HIPAA或登录相关的内容)。