AJAX+JSP 는 XML 내용 을 읽 고 출력 을 정렬 하여 표시 하 는 방법 예제 입 니 다.

이 사례 는 AJAX+JSP 가 XML 내용 을 읽 고 배열 에 따라 출력 을 표시 하 는 방법 을 설명 한다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
구현 기능:눌 러 서 JSP 페이지 에서 out.println 을 통 해 전 달 된 xml 정 보 를 표시 합 니 다.
1.XML 포함 JSP 페이지


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
  response.setContentType("text/xml");
  String txt = request.getParameter("username");
  out.println("<student><name>  </name><age>21</age><sex> </sex></student>");
 %>

2.AJAX 처리 및 반환 페이지 표시


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>ajax02</title>
  <script type="text/javascript">
  /*
    ajax      ：
    1、  XmlHttpRequest  
    2、      
    3、  Open           
    4、        
    5、                  
  */
    var xmlHttp;
    function createXMLHttpRequest(){  //1  XmlHttpRequest  
      if(window.ActiveXObject){
        try{
          alert("Msxml2.XmlHttp.5.0");
            xmlHttp = new ActiveXObject("Msxml2.XmlHttp.5.0");
        }catch(e){
          try{
            xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
          }catch(e){
            alert("Microsoft.XMLHttp");
          }
        }
      }else{
        xmlHttp = new XMLHttpRequest();
      }
    }
    function showMes(){   //2      
      if(xmlHttp.readyState==4){ //           
        if(xmlHttp.status==200){ //http  OK
        //5、                  
        // document.getElementById("sp").innerHTML = xmlHttp.responseText; //        
          var name = xmlHttp.responseXML.getElementsByTagName("name")[0].firstChild.nodeValue;
          var age = xmlHttp.responseXML.getElementsByTagName("age")[0].firstChild.nodeValue;
          var sex = xmlHttp.responseXML.getElementsByTagName("sex")[0].firstChild.nodeValue;
          document.getElementById("spanname").innerHTML = name;
          document.getElementById("spanage").innerHTML = age;
          document.getElementById("spansex").innerHTML = sex;
        }else{
          alert("  ："+xmlHttp.statusText); //HTTP        
        }
      }
    }
    /**
    //  GET    
    function getMes(){
      createXMLHttpRequest();
      var txt = document.getElementById("txt").value;
      var url="servlet/AjaxServlet?txt="+txt;
      url = encodeURI(url); //       
      xmlHttp.open("GET",url,true); //3  Open           
      xmlHttp.onreadystatechange=showMes;
      xmlHttp.send(null); //4        
    }
    */
    /**
    *  post  
    */
    function postMes(){
      createXMLHttpRequest();
      var txt = document.getElementById("txt").value;
    // var url = "servlet/AjaxServlet";
      var url = "work02forxml-2.jsp"
      var params = "username="+txt;
      xmlHttp.open("POST",url,true);
      xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
      xmlHttp.send(params);
      xmlHttp.onreadystatechange = showMes;
    }
  </script>
 </head>
 <body>
  <input type="text" id="txt"/>
  <input type="button" value="query" onclick="postMes()" /><br>
  <span id="sp"></span>
    ：<span id="spanname"></span><br>
    ：<span id="spanage"></span><br>
    ：<span id="spansex"></span>
 </body>
</html>

PS:여기 서 xml 작업 에 관 한 온라인 도 구 를 몇 가지 더 제공 하여 참고 하 시기 바 랍 니 다.
온라인 XML/JSON 상호 변환 도구:
http://tools.jb51.net/code/xmljson
온라인 포맷 XML/온라인 압축 XML:
http://tools.jb51.net/code/xmlformat
XML 온라인 압축/포맷 도구:
http://tools.jb51.net/code/xml_format_compress
XML 코드 온라인 포맷 미화 도구:
http://tools.jb51.net/code/xmlcodeformat
ajax 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,과 을 볼 수 있 습 니 다.
본 논문 에서 말 한 것 이 여러분 의 ajax 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

AJAX의 도메인 간 액세스 - 두 가지 효과적인 해결 방법 소개

새로운 W3C 정책은 HTTP 크로스 도메인 접근을 실현했고 제가 오랫동안 이 문제를 해결한 덕분입니다. servlet에서 되돌아오는 머리 정보에 Access-Control-Allow-Origin을 추가하면 됩니다....

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

AJAX+JSP 는 XML 내용 을 읽 고 출력 을 정렬 하여 표시 하 는 방법 예제 입 니 다.

좋은 웹페이지 즐겨찾기