JQuery和Servlet来实现跨域请求

在网上看到很多的JQuery跨域请求的文章,比较有意思。这里我发表一个Servlet与JQuery配置实现跨域的代码,供大家参考。不足之处请指教

原理:JavaScript的Ajax不可以跨域,但是可以通过向本地的一个Servlet发出请求,由Servlet完成跨域。再把远程的结构返回给客户端。这样Ajax就可以跨域了。在后面,再发一个PHP版本的,请大家关注啊。下面是代码

JS代码:

注意:在Post方式时,param1和param2为向远程发送的参数值,可以有多个。

 

1
2
3
4
5
6
7
8
9
10
11
12
//GET方式
function reqeustCrossDomainProxyGet(){
     var url = "http://www.baidu.com" ;//远程请求地址
     var param = { 'requesturl' :url, 'typedata' : 'JSON' };
     var data = getCrossDomainProxyRemote(param, "json" );
}
//Post方式
function reqeustCrossDomainProxyPost(param1,param2){
     var url = apiServer+ "/api/lucene/query" ;
     var param = { 'requesturl' :url, 'typedata' : 'JSON' , 'param1' :param1, 'param2' :param2};
     var data = getCrossDomainProxyRemote(param, "json" );
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
  * JS向本址的一个Servlet发送POST请求,所有关于远程请求的参数。
  * 在此处参POST方式发送给Servlet
  * @param param 远程请求参数
  * @param rtype JS返回类型(暂时没有用到)
  * @return
  */
function getCrossDomainProxyRemote(param,rtype){
     var url = "/cross/proxy" ; //Servlet的URL地址
     var returndata;
     $.ajax({
         url: url,type: 'POST' ,dataType: rtype,timeout: 40000,data:param, async: false ,
         error: function (response,error) {alert(response.status);},
         success: function (data){returndata=data;}
     });
     return returndata;
}

Java代码:

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
public class CorssDomainProxy extends HttpServlet {
     
     public void doGet(HttpServletRequest req, HttpServletResponse resp)
             throws ServletException, IOException {
         this .doPost(req, resp);    
     }
     
     public void doPost(HttpServletRequest req, HttpServletResponse resp)
             throws ServletException, IOException {
         boolean requestType = false ; //标记远程请求类型,默认为GET方式
         PrintWriter out = resp.getWriter();
         Enumeration keys = req.getParameterNames(); //取出客户端传入的所有参数名
         ArrayList<String> params = new ArrayList<String>();
         String url= null ;
         while (keys.hasMoreElements()){
             String key = (String) keys.nextElement();
             /**
              * 如果请求参数内有如下几种表示,这此参数不参与远程请求
              */
             if (key.equals( "requesturl" )){ //判断参数是否是,远程请求地址
                 url = req.getParameter(key);
             } else if (key.equals( "typedata" )){ //判断请求数据类型,暂时没有用到
                 
             } else if (key.equals( "returntype" )){ //判断请求返回类型,暂时没有用到
                 
             } else {
                 params.add(key); //其它加入参数列表,此处为参与远程请求的参数
                 requestType = true ; //修改标记,表求远程请求为POST方式
             }
         }
         
         HttpClient client = new HttpClient();
         HttpMethod method = null ;
         if (requestType){ //判断请求方式,并实例化HttpMethod对象,true:POST,false:GET
             method = new UTF8PostMethod(url);
             for (String name : params){ //迭代POST参数,加入到请求中
                 String _value = req.getParameter(name);
                 ((PostMethod)method).setParameter(name,_value);
             }
         } else {
             method = new GetMethod(url);
         }      
         client.executeMethod(method); //执行请求
         String bodystr = method.getResponseBodyAsString(); //返回结果
         out.println(bodystr); //将结果返回给客户端
     }
     
     /**
      * 内部类,转换URL字符串为UTF-8
      * @author Administrator
      *
      */
     private static class UTF8PostMethod extends PostMethod {
         public UTF8PostMethod(String url) {
             super (url);
         }
         @Override
         public String getRequestCharSet() {
             return "UTF-8" ;
         }
     }
     
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值