Jsonp 跨域访问

浏览数：21 / 时间：2015年06月09日

XMLHttpRequest cannot load http://xxx.xxx.com/xxx. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

我们在使用ajax进行跨域访问的时候就经常看到类似上面的报错。

跨域访问，简单来说就是 A 网站的 javascript 代码试图访问 B 网站，包括提交内容和获取内容。由于安全原因，跨域访问是被各大浏览器所默认禁止的。在广域网环境中，由于浏览器的安全限制，网络连接的跨域访问时不被允许的，XmlHttpRequest也不例外。

跨域在j2ee开发中，是必不可少的。

本人就是再使用第三方登陆的时候遇到了跨域的问题。

最后上网查了很多方法，最后使用jsonp跨域方分成功

下面以腾讯第三方登陆后跨域获取access token为例：

1. 请求如下地址（请将access_token等参数值替换为你自己的）：

https://graph.qq.com/oauth2.0/me?access_token=YOUR_ACCESS_TOKEN

2. 获取的返回值如下：

1

callback({"client_id":"YOUR_APPID","openid":"YOUR_OPENID"});

p4：使用Access Token以及OpenID来访问和修改用户数

var accessToken = window.location.hash.substring(1);//获取路径中的access token
	$.ajax({
		  type: ‘GET‘,
		  url: ‘https://graph.qq.com/oauth2.0/me?‘+accessToken,
		  async: false,
		  dataType: "jsonp",
		  jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
		  jsonpCallback:"callback",//自定义的jsonp回调函数名，默认未jquery自动生成的随机函数名，也可以写“?”jquery会自动处理
		  success: function(o){
			  alert("success");
			  console.log(o);
		  }
	});

这样，一次跨域访问就成功了

腾讯官方给的示例，原理是一样的，但是我看不太懂，觉得使用jsonp的方式简单易懂。

Zemo手打，转载标明出处：http://blog.csdn.net/zemochen/article/details/19046895

参考文档：http://www.phonegap100.com/article-72-1.html（json和jsonp有那些区别）

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

Jsonp 跨域访问