首页 新闻 赞助 找找看

使用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 {}
}

 

菜鸟1216的主页 菜鸟1216 | 菜鸟二级 | 园豆:202
提问于:2014-08-08 23:30
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册