• Jsonp 解决跨域问题


    话不多说直接贴代码:

      $.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方式跨域的.

  • 相关阅读:
    解析URL
    文件上传
    MyEclipse自动生成hibernate实体类和配置文件攻略
    <form>表单提交时注意
    W2UI /W2Toolbar的click响应事件
    JS 读写文件
    select 美化(bootstrap)
    安装MySQL for Windows 数据库
    java环境配置—配置Tomcat8环境
    对进程、线程、应用程序域的理解
  • 原文地址:https://www.cnblogs.com/chongyao/p/6266096.html
Copyright © 2020-2023  润新知