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或登录相关的内容)。