主要代碼：
$.ajax({url: '提交的地址',type:'提交方式',dataType:'數據的類型',error:回調函數,success:回調函數});
//url:提交的地址,可以是網址，servlet，jsp
//type:提交的方式，只有get，post
//dataType:數據類型,常用的有text,XML,其他百度
//error:發生異常錯誤時,可以調用一個回調函數進行相關的處理
//success:當成功返回數據時,可以調用一個帶參的回調函數對數據進行操作,參數表示的是字符串或XML文檔內容,按
dataType而定
JS代碼：
|
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
|
<%@ page language=
"java"
import=
"java.util.*"
pageEncoding=
"gbk"
%>
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
>
<html>
<head>
<script type=
"text/javascript"
src=
"jquery-1.4.2.js"
></script>
<script type=
"text/javascript"
>
function
jj(){
$.ajax({
url:
'AjaxServlet'
,
//提交的地址
type:
'post'
,
//提交方式
dataType:
'XML'
,
//數據的類型,XML、text，注意XML是大寫的
error:
function
(){
//出現異常時調用回調函數
alert(
'無法返回正確的數據'
);
},
//當成功返回數據時進行的操作，
//如果前面dataType設置了XML,那么參數xml是XML文檔的內容
//如果前面dataType設置了text,那么參數xml是字符串
success:
function
(xml){
//解析XML跟解析HTML差不多，獲取文本值時最好用text(),因為有些jquery版本不支持html()解析XML
alert($(
"b"
,xml).text());
$(
"info"
,xml).each(
function
(){
alert($(
this
).text());
});
}
});
}
</script>
</head>
<body>
<div>
<input type=
"button"
value=
"點擊進入ajax"
onclick=
"jj();"
/>
</div>
</body>
</html>
|
Servlet代碼：
|
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
|
package
servlet;
import
java.io.IOException;
import
java.io.PrintWriter;
import
javax.servlet.ServletException;
import
javax.servlet.http.HttpServlet;
import
javax.servlet.http.HttpServletRequest;
import
javax.servlet.http.HttpServletResponse;
public
class
AjaxServlet
extends
HttpServlet {
public
AjaxServlet() {
super
();
}
public
void
destroy() {
super
.destroy();
}
public
void
doGet(HttpServletRequest request, HttpServletResponse response)
throws
ServletException, IOException {
doPost(request, response);
}
public
void
doPost(HttpServletRequest request, HttpServletResponse response)
throws
ServletException, IOException {
// 這里響應類型必須是text/xml
response.setContentType(
"text/xml;charset=gbk"
);
request.setCharacterEncoding(
"gbk"
);
PrintWriter out = response.getWriter();
// XML頭，沒有這個可能Javascript解析不出XML，最好設一下
StringBuilder sb =
new
StringBuilder(
"<?xml version=\"1.0\" encoding=\"gbk\"?>"
);
// 根元素<root></root>一定需要，否則Javascript解析不出XML，但名字不一定要叫root
sb.append(
"<root><info id='1'><b>a</b></info ><info id='1'>b</info><memo id='2'>c</memo><memo>d</memo></root>"
);
//寫出XML
out.println(sb.toString());
out.flush();
out.close();
}
public
void
init()
throws
ServletException {}
}
|