解决IE下不支持跨域,TypeError:Access deny的问题--Jsonp

　　问题描述：

　　在IE浏览器下，不支持跨域的，从一个网站ajax到另一个网站请求数据，异步方式加载数据，如从http://online.hfut.edu.cn/发送ajax请求到http://xipang.hfutonline.net/public/rank/num/10请求数据，请求活跃用户数据，如果datatype=json则在IE下不能请求成功，会出现TypeError:Access deny的问题，到网上找了资料发现是IE不支持跨域，要用jsonp来解决。

　　解决办法如下：

　　js方面则将datatype从json改成jsonp格式，php或者java后台则在返回的json数据中加一段ajax发过来的jsoncallback即可，具体代码如下：

　　jquery代码如下：

$.ajax({
 		type:"get",url:"http://xipang.hfutonline.net/public/rank/num/10",dataType:"jsonp",jsonp:'jsonpcallback',success:function(data){
			html = '';
			for(i=0; i< data.length; i++) {
				html += '<li class="user"><a href="http://xipang.hfutonline.net/user/index/uid/'
					+data[i].uid+'" target="_blank"><img src="/ucenter/avatar.php?uid='+data[i].uid+'&size=small" width="67px" height="67px" alt="'+data[i].username+'"></a></li>';
			}
			$("#activity_user").empty().append(html);
		}
		
	})

　　后台代码如下：

　　php代码：

$callback = $_GET['jsonpcallback'];
$str = "[{""id"":""1"",""name"":""测试1""},{""id"":""2"",""name"":""测试2""}]";//json数据
echo $callback."(".$str.")";//返回的数据

　　java代码：

    jsonp = request.getParameter("jsonpcallback");
　　str = "[{""id"":""1"",""name"":""测试2""}]";
　　str = jsonp + "(" +str+")";
　　response.Write(str);

　　这样问题就解决了，关于IE的跨域问题。。。

　　补充（jsonp）：

　　关于jsonp的解释如下（详见维基百科http://zh.wikipedia.org/zh-cn/JSONP）：

　　JSONP（JSON with Padding）是资料格式JSON的一种“使用模式”，可以让网页从别的网域要资料。另一个解决这个问题的新方法是跨来源资源共享。

　　由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com 的服务器沟通，而HTML的<script>元素是一个例外。利用<script>元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的 JavaScript，用 JavaScript 直译器执行而不是用 JSON 解析器解析。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!