ajax处理xml返回的文件

最新推荐文章于 2021-01-08 10:57:14 发布

laiahu

最新推荐文章于 2021-01-08 10:57:14 发布

阅读量3k

点赞数

分类专栏： xml学习文章标签： xml ajax asynchronous stylesheet path html

本文链接：https://blog.csdn.net/laiahu/article/details/4135877

版权

xml学习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

    <script language="javascript" src="<%=path%>/jslib/prototype.js"></script>
    <script type="text/javascript">
    //注意:在Servlet中要设置返回的是xml,而不是html;即 resp.setContentType("text/xml;charset=utf-8"); //resp.setContentType("text/html;charset=utf-8");
     function sendXMLajax(){

      var userName = "helloUserName";
      var url = "<%=path%>/xmlServlet";
   var params = "userName="+userName;
      var myAjax = new Ajax.Request(url,
                  {method:'post',
                   parameters: params,
                  onComplete:showResultResponse,
                  asynchronous: false});
    }

    function showResultResponse(responseObj){
      var resXML = responseObj.responseXML; //responseText
      //alert(resXML);
      var students = resXML.getElementsByTagName('student');
      var studentsStr = "";
      for (var i = 0; i < students.length; i++)
      {
         var student = students[i];
         var idVal = student.getElementsByTagName("id")[0].firstChild.data;
         var usernameVal = student.getElementsByTagName("username")[0].firstChild.data;
         //alert("id="+idVal+"; username="+usernameVal);
         studentsStr += "id="+idVal+"; username="+usernameVal+"<br/>";

      }

      $("resultDiv").innerHTML = studentsStr;


      }
    </script>
</head>

<body>
    测试成功! 2009-04-28
    <br/><br/>
    <input type="button" name="btn" οnclick="sendXMLajax()" value="xml测试"/> <br/><br/>

    <div>
     返回对象的结果: <div id="resultDiv"></div>
     </div>
</body>
</html>

laiahu

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
ajax处理xml返回的文件

String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP index.jsp starting page
复制链接

扫一扫