jquery中ajax post的使用
程序员文章站
2022-03-24 23:36:59
...
jQuery.post(url, [data], [callback], [type])
概述
通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
参数
url,[data],[callback],[type]String,Map,Function,StringV1.0
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
示例
1)向服务器传递数据数组(同时仍然忽略返回值):
jQuery 代码:
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
2)使用 ajax 请求发送表单数据:
jQuery 代码:
$.post("test.php", $("#testform").serialize());
3)向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容):
jQuery 代码:
$.post("test.php", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });
4)获得 test.php 页面的内容,并存储为 XMLHttpResponse 对象,并通过 process() 这个 JavaScript 函数进行处理:
jQuery 代码:
$.post("test.php", { name: "John", time: "2pm" }, function(data){ process(data); }, "xml");
5)获得 test.php 页面返回的 json 格式的内容::
jQuery 代码:
$.post("test.php", { "func": "getNameAndTime" }, function(data){ alert(data.name); // John console.log(data.time); // 2pm }, "json");