首页 > 代码库 > 跨域问题解决方案(HttpClient安全跨域 & jsonp跨域)

跨域问题解决方案(HttpClient安全跨域 & jsonp跨域)

 

1 错误场景                                         

       今天要把项目部署到外网的时候,出现了这样的问题, 我把两个项目放到自己本机的tomcat下, 进行代码调试, 运行

都没有问题的, 一旦把我需要调用接口的项目B放到其他的服务器上, 就会报错, 无法通过Ajax调用springMVC的接口,

这是什么原因呢?

      当我使用json ajax post请求传递数据的时候在web端出错:XMLHttpRequest cannot loadhttp://ip:8082/security/auth/outside.do. Origin http://ip:8080 is not allowed by Access-Control-Allow-Origin.

 

2 初识jsonp                               

      经过在网上查找, 网上大多数说是跨域问题. 解决跨域问题据说是jsonp, 百度了一篇文章, 不管三七二十一就一下

子把ajax传递的数据类型dataType 改成为jsonp, 并使用get方式, 单纯的认为, json和jsonp没啥区别, 运行, 报错, 如

下图所示:

 

      没有了上述的 is not allowed ....的错误, 变成了只剩下500的错误, 说明jsonp起了些作用, 我的bug的问题就是在于网上说的"跨域" 。而究竟什么是跨域呢?

 

3 什么是跨域?什么是不跨域?           

      上没有过多的去测试,一句话:同一个ip、同一个网络协议、同一个端口,三者都满足就是同一个域,否则就是

跨域问题了。而为什么开发者最初不直接定为一切可跨域的呢?默认的为什么都是不可跨域呢?这就涉及到了同源策

略,为了系统的安全,由Netscape提出一个著名的安全策略。现在所有支持JavaScript的浏览器都会使用这个策略。

所谓同源是,域名,协议,端口相同。当我们在浏览器中打开百度和谷歌两个网站时,百度浏览器在执行一个脚本的

时候会检查这个脚本属于哪个页面的,即检查是否同源,只有和百度同源的脚本才会被执行,如果没有同源策略,那

随便的向百度中注入一个js脚本,弹个恶意广告,通过js窃取信息,这就很不安全了。

 

4 跨域问题如何解决?jsonp为什么能解决跨域问题?和json有什么区别?

      关于解决跨域问题,有多种解决方案,解决方案如下。

 

      4.1 方案一

      ajax请求地址改为自己系统的后台地址,之后在自己的后台用HttpClient请求url。封装好的跨域请求url工具类

代码如下所示。

 

<span style="font-size:18px;">@SuppressWarnings("all")public final class UrlUtil {	private static HttpClient httpClient = new HttpClient();	/**	 * @Title: getDataFromURL	 * @Description: 根据URL跨域获取输出结果,支持http	 * @param strURL	 *            要访问的URL地址	 * @param param	 *            参数	 * @return 结果字符串	 * @throws Exception	 */	public static String getDataFromURL(String strURL, Map<String, String> param) throws Exception {		URL url = new URL(strURL);		URLConnection conn = url.openConnection();		conn.setDoOutput(true);		OutputStreamWriter writer = new OutputStreamWriter(conn.getOutputStream());		final StringBuilder sb = new StringBuilder(param.size() << 4); // 4次方		final Set<String> keys = param.keySet();		for (final String key : keys) {			final String value = http://www.mamicode.com/param.get(key);>


       当然要导入httpclient-4.3.1.jar包到自己的项目中哦。这样把请求的参数内容放到map中,通过HttpClent来实现跨域请求。

       4.2 解决方案二

       两个系统之间的数据传递是通过ajax post请求,传递json的方式来完成,我们在这里可以使用jsonp的方式,但

是json和jsonp截然不同。首先说说神马是json,再说神马是jsonp。

json

       全拼(javaScript Object Notation)轻量级的数据交换格式,易于机器解析和生成。基于javaScript

Programming Language,StandardECMA Edition December1999的一个子集。json完全独立于语言的文本格

式,但是也使用类似于C语言家族的习惯(include c c++ c# java javaScript perl python)等,这些特性使得json

成为理想的数据交换语言。格式为key,value格式,具体就不赘述了。

jsonp

       jsonp全拼是(json with Padding)是json的一种使用模式,padding意思为填料,垫料,填充,填补。json可

以说是名词,而jsonp是动宾短语,两者有联系,但是有本质的区别,就像米饭和把米饭填充到碗里一样,那米饭和

米饭填是一样的么,我们自然明了了。

 

      jsonp算是钻空子实现的跨域,到底通过jsonp具体如何解决跨域问题呢?本篇过长了,我们下篇分晓。goodnight...

 

 

 

跨域问题解决方案(HttpClient安全跨域 & jsonp跨域)