概述
在网上看到很多的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"
;
}
}
}
|
最后
以上就是执着冰淇淋为你收集整理的JQuery和Servlet来实现跨域请求的全部内容,希望文章能够帮你解决JQuery和Servlet来实现跨域请求所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复