码迷,mamicode.com
首页 > Web开发 > 详细

Jsonp 解决跨域问题

时间:2017-01-09 20:15:37      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:request   err   jsonp   ashx   pre   log   false   head   解决   

话不多说直接贴代码:

  $.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 解决跨域问题

标签:request   err   jsonp   ashx   pre   log   false   head   解决   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!