当前位置:首页 > Web开发 > 正文

jQuery.post(url, [data], [callback], [type])

2024-03-31 Web开发

标签:

jQuery.post(url, [data], [callback], [type]) 概述

通过远程 HTTP POST 请求载入信息。

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。大理石平台精度等级

jQuery 1.12 中 jQuery.post 和 jQuery.get 支持对象参数,,这样一来好处还比较多,比如设置回调函数的context,或者跨域 post 时可以withCredential: true。用法可以参考示例9。

参数

url,[data],[callback],[type]String,Map,Function,StringV1.0

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式,xml, html, script, json, text, _default。

示例 1描述:

请求 test.php 网页,忽略返回值:

jQuery 代码: $.post("test.php"); 2描述:

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

jQuery 代码: $.post("test.php", { name: "John", time: "2pm" } ); 3描述:

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

jQuery 代码: $.post("test.php", { ‘choices[]‘: ["Jon", "Susan"] }); 4描述:

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

jQuery 代码: $.post("test.php", $("#testform").serialize()); 5描述:

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

jQuery 代码: $.post("test.php", function(data){ alert("Data Loaded: " + data); }); 6描述:

向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容):

jQuery 代码: $.post("test.php", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); }); 7描述:

获得 test.php 页面的内容,并存储为 XMLHttpResponse 对象,并通过 process() 这个 JavaScript 函数进行处理:

jQuery 代码: $.post("test.php", { name: "John", time: "2pm" }, function(data){ process(data); }, "xml"); 8描述:

获得 test.php 页面返回的 json 格式的内容::

jQuery 代码: $.post("test.php", { "func": "getNameAndTime" }, function(data){ alert(data.name); // John console.log(data.time); // 2pm }, "json"); 9描述:

jQuery 1.12 中 jQuery.post支持对象参数,具体的参数可以参考 $.ajax():

jQuery 代码: jQuery.post({ url: “/example” });

jQuery.post(url, [data], [callback], [type])

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/41333.html