首页 > PHP资讯 > HTML5培训技术 > HttpClient方式jQueryajax跨域访问

HttpClient方式jQueryajax跨域访问

HTML5培训技术


先来点问题产生的背景:


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网站只是一个普通的struts2action方法,返回的视图为普通的JSP。jsp中的全部内容作为reponse返回给B。

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持50不支持0