广州web培训
达内广州五羊中心

18589266248

热门课程

jQuery中ajax post的使用

  • 时间:2016-05-17 13:08
  • 发布:广州web培训
  • 来源:达内新闻

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发送数据,并输出结果(HTMLXML,取决于所返回的内容):

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

上一篇:优秀前端工程师为何稀缺
下一篇:js中的trim() _去掉字符串两边的空格

马上预约三天免费体验课

姓名:

电话:

Web前端开发学习成长之路

揭秘创业公司如何面试一名前端开发工程师

前端开发的就业方向及薪资情况

毕业生转行做web前端,应该如何进行自学

选择城市和中心
江西省

贵州省

广西省

海南省