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 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" ; } } } |