下面小编就为大家带来一篇深入理解jquery跨域请求方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。 项目中关于ajax jsonp的使用,
出现了问题:可以成功获得请求结果,但没有执行success方法 总算搞定了,记录一下 function TestAjax() {
$.ajax({
type : \ async : false,
url : \//实际上访问时产生的地址为: ajax.ashx?callbackfun=jsonpCallback&id=10 data : {id : 10},
cache : false, //默认值true dataType : \
jsonp: \传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:\
//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
//如果这里自定了jsonp的回调函数,则success函数则不起作用;否则success将起作用
success : function(json){ alert(json.message); },
error:function(){
alert(\ } }); }
function jsonpCallback(data) //回调函数 {
alert(data.message); // }
public class ajaxHandler : IHttpHandler {
public void ProcessRequest (HttpContext context) { context.Response.ContentType = \
string callbackfun = context.Request[\
context.Response.Write(callbackfun + \message:\\\John\\\
context.Response.End(); }
public bool IsReusable {get {return false;} }
ajax请求参数说明:
dataType string 服务器返回的数据类型。
如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。 可用值:
\返回 XML 文档,可用 jQuery 处理。
\返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。
\返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了\参数。 注意:在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载) \返回 JSON 数据 。 \返回纯文本字符串
\格式。使用jsonp形式调用函数时,
访问url时会自动将url后面添加上如\以执行回调函数(callbackFunName)。 jsonp string
在一个jsonp请求中重写回调函数的名字。这个值用来替代在\这种get或post请求中url参数里的\部分,
比如 jsonp:'callbackfun' 则将会生成\传给服务器。
jsonpCallback String 此参数为jsonp请求指定一个回调函数名。
这个值将用来取代jQuery自动生成的随机函数名。 即上面\中的问号部分 这主要用来让jQuery生成度独特的函数名,这样请求更容易,也能方便地提供回调函数和错误处理。
也可以在想让浏览器缓存GET请求的时候,指定这个回调函数名。
ajax jsonp与普通的ajax请求的主要区别在于——请求响应结果的处理。如上面代码所示的响应结果为:
jsonpCallback({ name:\
实际上就是调用jsonp回调函数jsonpCallback,并将要响应的字符串或json传入此方法, 关于自定了jsonp的回调函数, success函数则不起作用
大概其底层的实现(当然这是默认的回调函数的时候,否则就不会执行success的方法吧):
function default_jsonpCallback(data) {
success(data); //在默认的回调方法中执行 }
最后一个比较简单的方法,
$.getJSON(\ function(date) { //....
} )
以上这篇深入理解jquery跨域请求方法就是小编分享给大家的全部内容了,希望能给
大家一个参考