博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于jquery跨域请求方法
阅读量:5223 次
发布时间:2019-06-14

本文共 2311 字,大约阅读时间需要 7 分钟。

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

 

转载于:https://www.cnblogs.com/shimily/articles/4309883.html

你可能感兴趣的文章
Software--Architecture--DesignPattern IoC, Factory Method, Source Locator
查看>>
poj1936---subsequence(判断子串)
查看>>
黑马程序员_Java基础枚举类型
查看>>
[ python ] 练习作业 - 2
查看>>
一位90后程序员的自述:如何从年薪3w到30w!
查看>>
在.net core上使用Entity FramWork(Db first)
查看>>
System.Net.WebException: 无法显示错误消息,原因是无法找到包含此错误消息的可选资源程序集...
查看>>
UIImage 和 iOS 图片压缩UIImage / UIImageVIew
查看>>
MongoDB的数据库、集合的基本操作
查看>>
ajax向后台传递数组
查看>>
疯狂JAVA16课之对象与内存控制
查看>>
[转载]树、森林和二叉树的转换
查看>>
WPF移动Window窗体(鼠标点击左键移动窗体自定义行为)
查看>>
软件测试-----Graph Coverage作业
查看>>
django ORM创建数据库方法
查看>>
创建Oracle synonym 详解
查看>>
php7 新特性整理
查看>>
RabbitMQ、Redis、Memcache、SQLAlchemy
查看>>
linux查看端口占用
查看>>
Sql常见面试题 受用了
查看>>