首页 > web前端 > js教程 > jquery中ajax post的使用

jquery中ajax post的使用

伊谢尔伦
发布: 2016-11-22 14:54:40
原创
1358 人浏览过

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");
登录后复制


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板