首页 > Web开发 > 详细

Jsonp 解决跨域问题

时间:2017-01-09 20:12:46      阅读:301      评论:0      收藏:0      [点我收藏+]

话不多说直接贴代码:

  $.ajax({
            async: false,
            url: http://****.****.com/Handler.ashx?vueId=iwNavpicS2,
            type: "GET",
            dataType: jsonp,
            jsonp: jsoncallback,
            data: null,
            timeout: 5000,
            beforeSend: function () {
                //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
            },
            success: function (result) {//客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
                var data = 1;
                if (name == "iwHeader1") {
                    result = JSON.stringify(result[0]);
                    result = result.replace("[[", "[").replace("]]", "]");
                    result = "{\"" + name + "\"" + ":" + result + "}";
                    data = JSON.parse(result);//将字符串转化为json对象

                } else {
                    result = JSON.stringify(result);//将josn 转化为字符串
                    result = result.replace("[[", "[").replace("]]", "]");
                    result = "{\"" + name + "\"" + ":" + result + "}";
                    data = JSON.parse(result);//将字符串转化为json对象
                    //console.log(JSON.parse(result).iwHeader1[0])
                }
                $("#val").val(data);
            },
            complete: function (XMLHttpRequest, textStatus) {
            },
            error: function (xhr) {
                //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
                //请求出错处理
                alert("请求出错(请检查相关度网络状况.)");
            }
        });

注意,jquey是不支持post方式跨域的.

Jsonp 解决跨域问题

原文:http://www.cnblogs.com/chongyao/p/6266096.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!