jquery中的Ajax有两种数据发送模式，一种是get，另一种是post()。

JQuery Ajax参考手册

例子

请求test.php网页，忽略返回值：

$.post(' test . PHP ')；

TIY实例

通过AJAX POST请求更改div元素的文本：

$(“输入”)。keyup(function(){ txt=$('input '))。val()；$.post('demo_ajax_gethint.asp '，{建议： XT }，function(result){ $('span ')。html(结果)；});});你自己试试吧

定义和用法

post()方法通过HTTP POST请求从服务器加载数据。

语法

网址，数据，成功(数据，文本状态，数据类型)

详细描述

这个函数是一个简写的Ajax函数，相当于：

$.ajax({ type: 'POST '，url: url，data:数据，success: success，dataType : dataType })；根据响应的MIME类型不同，传递给成功回调函数的返回数据也不同，可以是XML根元素、文本字符串、JavaScript文件或JSON对象。您还可以将响应的文本状态传递给成功回调函数。

使用jQuery 1.5，您还可以将一个jqXHR对象传递给成功回调函数(在jQuery 1.4中，您传递了一个XMLHttpRequest对象)。

大多数实现都指定了一个成功函数：

$.post('ajax/test.html '，function(data) { $(')。结果')。html(数据)；});本示例读取请求的HTML片段并将其插入页面。

通过POST读取的页面不会被缓存，因此jQuery.ajaxSetup()中的缓存和ifModified选项不会影响这些请求。

注意：由于浏览器安全性的限制，大部分‘Ajax’请求都遵从同源策略；请求未能成功从不同的域、子域或协议中检索数据。

注意：如果jQuery.post()发起的请求返回一个错误代码，除非脚本调用了全局。ajaxError()方法。或者对于jQuery 1.5来说。jQuery.post()返回的jqXHR对象的error()方法也可以用于错误处理。

JqXHR对象

在jQuery 1.5中，jQuery的所有AJAX方法都返回XMLHTTPRequest对象的超集。jQuery XHR对象或“jqXHR”由$返回。post()实现了约定的接口，赋予它所有的属性、方法和约定的行为。为了方便和一致的回调函数名称使用$。ajax()，它提供了。错误()，成功()和。并发症()方法。这些方法使用请求终止时调用的函数的参数，该函数接受与相应的命名$相同的参数。ajax()回调函数。

jQuery 1.5中的契约接口也允许jQuery的Ajax方法，包括$。post()，链接多个。成功()，完成()和。error()回调同一个请求的函数，甚至在请求可能已经完成后分配这些回调函数。

//生成请求后立即分配处理程序，请记住请求是针对jqxhr对象var JQXHR=$。post('示例。PHP '，function(){ alert(' success ')；}) .成功(函数(){ alert('第二次成功')；}) .error(function(){ alert(' error ')；}) .complete(function(){ alert(' complete ')；});//在此执行其他任务//为上述请求设置另一个完成函数jqxhr.complete(function(){ alert(' second complete ')；});更多示例

例1

请求test.php页面并一起发送一些额外的数据(同时仍然忽略返回值):

$.post('test.php '，{ name: 'John '，time : ' 2pm ' })；例2

将数据数组传递给服务器(同时仍然忽略返回值):

$.post('test.php '，{ 'choices[]': ['Jon '，' Susan ']})；例3

使用ajax请求发送表单数据：

$.post('test.php '，$('#testform ')。serialize例4

从请求页面test.php输出结果(HTML或XML，取决于返回的内容):

$.post('test.php '，function(Data){ alert(' Data loaded : ' Data)；});例5

将数据发送到test.php页面并输出结果(根据返回的内容，可以是HTML或XML):

$.post('test.php '，{ name: 'John '，time: '2pm' }，function(Data){ alert(' Data loaded : ' Data)；});例6

获取test.php页面的内容，将其存储为XMLHttpResponse对象，并通过JavaScript函数process()进行处理：

$.post('test.php '，{ name: 'John '，time: '2pm' }，function(data){ process(data)；}、“XML”)；例7

获取test.php页面返回的json格式内容：

$.post('test.php '，{ ' func ' : ' getNameAndTime ' })，function(data){ alert(data . name)；//John console . log(data . time)；//2pm }、' JSON ')；以上内容通过实例详细介绍了jquery中ajax-post()方法的讲解，希望对您以后的工作和学习有所帮助。在下一篇文章中，我们将介绍jQuery中ajax-get()方法的详细说明，需要的人应该持续关注这个网站。