• 跨域请求解决方案


    1.后台直接http请求;

    2.后台识别前端Head是否有跨域标识“cross-origin resource sharing”;

    3.利用<script>标签的方式请求跨域站点接口,接口以“回调函数名(json数据)”返回, 本页面在调用回调函数,类似第4点;

    4.通过jquery来完成

    通过jquery的jsonp的方式.使用此方式,对服务器端有要求.

    服务器端如下:

            protected void Page_Load(object sender, EventArgs e)
            {
                string callback = Request.QueryString["jsoncallback"];
    
                string result = callback + "({"name":"zhangsan","date":"2012-12-03"})";
    
                Response.Clear();
                Response.Write(result);
                Response.End();
            }

    客户端:

    $.ajax({ 
                    async: false, 
                    url: "http://192.168.0.5/Web/web1.aspx", 
                    type: "GET", 
                    dataType: 'jsonp', 
                    //jsonp的值自定义,如果使用jsoncallback,那么服务器端,要返回一个jsoncallback的值对应的对象. 
                    jsonp: 'jsoncallback', 
                    //要传递的参数,没有传参时,也一定要写上 
                      data: null, 
                    timeout: 5000, 
                    //返回Json类型 
                      contentType: "application/json;utf-8", 
                    //服务器段返回的对象包含name,data属性. 
                    success: function (result) { 
                        alert(result.date); 
                    }, 
                    error: function (jqXHR, textStatus, errorThrown) { 
                        alert(textStatus); 
                    } 
                });

    实际上,在我们执行这段js时,js向服务器发出了这样一个请求:

    http://192.168.0.5/Web/web1.aspx?jsoncallback=jsonp1354505244726&_=1354505244742 

    而服务器也相应的返回了如下对象:

    jsonp1354506338864({"name":"zhangsan","date":"2012-12-03"})
    此时就实现了跨域范文数据的要求.
  • 相关阅读:
    Android ELF文件格式
    AWS发布架构师认证的专业解决方案
    python django模型内部类meta详细解释
    SQL_substr功能测试
    猫学习IOS(四)UI半小时就搞定Tom猫
    使用jquery点击一个实现button或连接,进行以下div显示,在点击隐藏
    hdu2852--KiKi&#39;s K-Number(段树,求第一k的数量)
    信息安全官谁:逼近的挑战,你准备好了吗?
    VS2010使整个过程说明了安装包
    进程的创建与可执行程序的加载
  • 原文地址:https://www.cnblogs.com/yy1234/p/7262042.html
Copyright © 2020-2023  润新知