手记

ajax跨域请求之JSONP的使用

之前在工作中遇到了跨域访问的问题,此次记录使用json的过程。注意:jsonp只适合类型为get的请求;只支持跨域HTTP请求这种情况,不能解决不同域的两个页面之间如何进行JavaScript调用的问题。

$.ajax({
            type:"get", //请求方式,此处给post仍会以get方式提交
            dataType:"jsonp",//预期服务器返回的数据类型
            jsonp:"callback",//在一个jsonp请求中重写回调函数的名字
            jsonpCallback:"callback",//为jsonp请求指定一个回调函数名
            url:"http://127.0.0.1/login", //请求地址
            data:"{name:'张三',pass:'123456'}", //请求参数
            success:function (data) {
                //请求成功后的处理
            }
        }, 'json');

后台返回的JSONP数据:callback({"code":0,"msg":"登录成功!"})
服务器返回数据要包含在callback()回调中,否则将报错。

18人推荐
随时随地看视频
慕课网APP

热门评论

只支持 git 所以我们开发的时候 跨域的问题还是后台解决了,只支持git 还是太局限了

查看全部评论