jQuery中ajax post的使用（jquery中ajax完整例子）

jQuery中ajax post的使用（jquery中ajax完整例子）

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");

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。