jquery xml 문서와 xml 문자열 분석 (ie와 불여우 환경에서)

js해석xml은 브라우저에 따라 사용하는api도 다르기 때문에 jquery는 해석할 때 잘 합니다.
다음은 jquery가 xml 문서와 xml 문자열을 분석하는 것을 보십시오.
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Author" content="lushuaiyin">
  <script type="text/javascript" src="jquery.js"></script>
 </head>
 <body>
   jquery  xml   xml   cccccccccccccccccccccccccc
  
 </body>
</html>

<script>


//  xml  /////////////////////////////////////////////////////
var xmlDoc=null;

//  IE   
if(window.ActiveXObject){
   xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
}
//  Mozilla   
else if(document.implementation && document.implementation.createDocument){
   xmlDoc = document.implementation.createDocument('','',null);
}
else{
  alert("here");
}
if(xmlDoc!=null){
   xmlDoc.async = false;
   xmlDoc.load("house.xml");
}


//  
 //$(xmlDoc).find('city').each( function ()  {
//	  var  cname = $( this ).attr('name');
//	  var  price = $( this ).children('price').text();
//	 alert($( this ).text()+"---------"+cname+"-----"+price);
// } );

 /*
      ( ie         ):
150     ----  ---150 
200 -----  -----200 
230 -----  -----230 
-------  -------
 */






//jquery  xml    ////////////////////////////////////////////////////////////////////

var str2="<address>"+
   "<city name=\"  \">"+
      " <price>120 </price>"+
	   "<type>    </type>"+
   "</city>"+
   "<city name=\"  \"></city>"+
"</address>";


//    ,ie     xml           。
var xmlStrDoc=null;
if (window.DOMParser){// Mozilla Explorer
  parser=new DOMParser();
  xmlStrDoc=parser.parseFromString(str2,"text/xml");
}else{// Internet Explorer
  xmlStrDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlStrDoc.async="false";
  xmlStrDoc.loadXML(str2);
}

//  
 $(xmlStrDoc).find('city').each( function ()  {
	  var  cname = $( this ).attr('name');
	  var  price = $( this ).children('price').text();
	 alert($( this ).text()+"---------"+cname+"-----"+price);
 } );

 /*
      ( ie         ):
120     ----  ---120 
--------  -----
 */
</script>

jquery가 해석한 것은 xmldom입니다. 해석된 함수를 봉인했지만, 이dom는 브라우저에 따라 달라집니다.
그래서 처음에는 브라우저에 따라 이dom를 new로 내야 돼요.정확한dom가 생기면 나머지는 해석이야.이것이야말로 jquery
포장하기 좋은 곳.
jquery가 이dom(즉 본 예의 xmlDoc와 xmlStrDoc)도 봉인할 수 있을지 모르겠습니다.
인터넷에서도 관련 예를 찾지 못했다.(여러분 혹시 아시는 분 있으세요?
 
house.xml 문서:
<?xml version="1.0" encoding="utf-8" ?> 
<address>
   <city name="  ">
       <price>150 </price>
	   <type>    </type>
   </city>
   <city name="  ">
       <price>200  </price>
   </city>
   <city name="  ">
       <price>230 </price>
   </city>
   <city name="  "></city>
</address>

좋은 웹페이지 즐겨찾기