使用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 );