Jsonp 解决跨域问题

最新推荐文章于 2020-11-09 23:21:12 发布

weixin_30549175

最新推荐文章于 2020-11-09 23:21:12 发布

阅读量79

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

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

本文介绍如何使用jQuery发起一个同步的JSONP跨域请求，并解析返回的数据。通过设置dataType为jsonp并指定回调函数的方式，实现了跨域数据获取，并将返回的字符串转换为JSON对象进行处理。

话不多说直接贴代码：

  $.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("请求出错(请检查相关度网络状况.)");
            }
        });