使用jquery处理ajax返回的XML、无刷新技术
0
[已关闭问题]
关闭于 2014-08-08 23:37
主要代码：
$.ajax({url: '提交的地址',type:'提交方式',dataType:'数据的类型',error:回调函数,success:回调函数});
//url:提交的地址,可以是网址，servlet，jsp
//type:提交的方式，只有get，post
//dataType:数据类型,常用的有text,XML,其他百度
//error:发生异常错误时,可以调用一个回调函数进行相关的处理
//success:当成功返回数据时,可以调用一个带参的回调函数对数据进行操作,参数表示的是字符串或XML文档内容,按
dataType而定
JS代码：
<%@ 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 {}} |
