jQuery技术

jQuery帮助之Ajax请求(五)jQuery.post

字号+ 作者:jamie 来源: 2014-11-16 22:49 我要评论( )

之前对jQuery.getScript(url,)有一 定的了解了,现在了解一下通过远程 HTTP POST 请求载入信息的jQuery.post( url, , , )。jQuery.post( url, , , )通 过远程 HTTP POST 请求载入信息,使用POST方式来进行异步

之前对jQuery.getScript(url,[callback])有一 定的了解了,现在了解一下通过远程 HTTP POST 请求载入信息的jQuery.post( url, [data], [callback], [type] )

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

通 过远程 HTTP POST 请求载入信息,使用POST方式来进行异步请求。

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

返回 值:XMLHttpRequest

参数:
url (String) : 发送请求的URL地址。
data (Map) : (可选)要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type : (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

示例:
Ajax.aspx:
  Response.ContentType = "application/json";
Response.Write("{result: '" + Request["Name"] + ",你好!(这消息来自服务器)'}");jQuery

代码:
  $.post("Ajax.aspx", { Action: "post", Name: "lulu" },
function (data, textStatus){
// data 可以是 xmlDoc, jsonObj, html, text, 等等.
//this; // 这个Ajax请求的选项配置信息,请参考jQuery.get()说到的this
alert(data.result);
}, "json");

这里设置了请求的格式为"json":


如果你设置了请求的格式为"json",此时你没有设置Response回来的 ContentType 为:Response.ContentType = "application/json"; 那么你将无法捕捉到返回的数据。

注意一下,alert(data.result); 由于设置了Accept报头为“json”,这里返回的data就是一个对象,并不需要用eval()来转换为对象。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
d