jquery ajax 跨域访问- HttpClient 方式

最新推荐文章于 2023-09-23 20:28:07 发布

光辉

最新推荐文章于 2023-09-23 20:28:07 发布

阅读量3.5k

点赞数

分类专栏： js、jquery 文章标签： jquery ajax struts json string 服务器

本文链接：https://blog.csdn.net/jiayouhh/article/details/6787854

版权

js、jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

先来点问题产生的背景：

A 网站通过 iframe 方式引用 B网站的一个静态html，B网站html的一部分内容需要通过C网站来获得。这里我需要实现B到C的部分。

使用的技术架构：struts2 、spring、ibatis、jquery。

提下之前有过的尝试，通过远程引入js。比如 http://www.C.com/..**.js. 在C中执行ajax请求。

$.ajax({
	url:'/showAjax.action',
	data:'lotteryId='+lotteryId,
	type:'post',
	dataType:'json',
	success: function(json){
	     ...，
             // alert(json);
             return *;
	}
});

后来发现自己犯了一个错误, jquery ajax success中是不能执行return的。

下面总结下自己的实现方式（web 端代理）:

1.web 端代理, 即用户访问B网站时所产生的对C网站的跨域访问请求均提交到B网站的指定页面，由该页面代替用户页面完成交互，从而返回合适的结果。

2.跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作，

然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url.来间接完成跨域访问也是可以的.但很显然开发量比较大,但限制也最少.

下面贴下代码：

1.B网站端前台：

$.ajax({
	url:'/showCpAjax.action',
	data:'lotteryId='+lotteryId,
	type:'post',
	dataType:'json',
	success: function(json){
		var periodStr = json.period;
		var timeStr = json.endTime;
		//此处忽略部分代码
        }
});

2.ajax 将请求提交到B网站后台:

 public String showCpIndex() {
	String url = "http://www.c.com/***.do"; //请求C网站
	HttpClient client = new HttpClient();
	GetMethod get = new GetMethod(url);
	try {
		int statusCode = client.executeMethod(get);
		if (statusCode == HttpStatus.SC_OK) {
		      String response = get.getResponseBodyAsString();
		      ServletActionContext.getResponse().setCharacterEncoding("UTF-8");
		      // respose 就是请求C网站返回的数据 
		} else {
		      //***
		}
	} catch (Exception e) {
		e.printStackTrace();
		
	}
        return SUCCESS;
}

3.C网站只是一个普通的struts2 action方法，返回的视图为普通的JSP。jsp中的全部内容作为reponse返回给B。