使用JSONP彻底解决Ajax跨域访问Cookie Session的方案

最近做开发时要把图片文件放到另外一台服务器上(另外一个域名),因为这样分布式存放,网站打开速度会快很多。而我采用AJAX获取图片服务器上某用户的图片时遇到了问题,按照通常的方式无法获取信息,得到的Cookie都是null,后来想到浏览器出于安全考虑JavaScript和iframe不能跨域访问,那我们就要考虑使用其他途径来完成了,捣鼓了2天终于找到了解决方案,我使用JSONP来解决,请看。

JS代码:

 

  1. $.ajax({ 

  2.     type: "get", 

  3.     url: "http://www.oicqzone.com/userogin.aspx?jsoncallback=?",    //这里必须使用?jsoncallback=?,否则一样无法获取。 

  4.     data: { "name": name, "pass": pass },                           //这里是参数,可以不用 

  5.     dataType: "jsonp",                                              //这个一定要,如果没有你永远无法获取信息 

  6.     success: function(json){ 

  7.         var obj = eval( json );                                     //这个也是必备,由于我们用JSONP对象返回,所以不需的 

  8.         //这里就是分解具体元素了,可以按照自己的需求设置好JSONP对象。 

  9.         alert("success JSON Data:" + obj.usrName + " usrId:" + obj.usrId + " rndPassWord:" + obj.rndPassWord); 

  10.     } 

  11. }); 

 

 

ASP.NET代码:

 

 

  1. //注意JSON对象和值都必须使用双引号抱着,要不JS无法获得对象 

  2. string strJson = Request.QueryString["jsoncallback"] + 

  3.         string.Format( "({{\"usrId\" : \"{1}\",\"usrName\" : \"{0}\",\"rndPassWord\" : \"{2}\"}})", 

  4.         Accounts.UserEntity.UserId, Accounts.UserEntity.UserName, Accounts.UserEntity.Password ); 

  5.          context.Response.AddHeader("Access-Control-Allow-Origin", "*");

  6. Response.Write( strJson ); 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。