使用jquery中的ajax請求xml頁面數據

時間 2019-11-25

標籤使用 jquery ajax 請求 xml 頁面數據欄目 JQuery 简体版

原文原文鏈接

（1）不少時候沒法解析xml就是Content-Type的問題
javascript

爲了使index.html文件可以解析xml內容，須要將Content-Type設置成爲：text/xmlphp

若是是php文件須要加上 header("Content-Type:text/xml");html

動態生成的XML必定要將其設置爲text/xml，不然默認就是text/html也就是普通的文本了java

（2）使用aja請求的方式須要注意，我使用的IIS服務器jquery

因爲IIS不支持POST請求方式，因此我使用的是GET方式，若是須要使用POST請求，須要改IIS的設置ajax

（3）關於xml內容的結構服務器

xml的標籤內容必定是須要封閉的，否則就會報錯
app

student.xmlui

<?xml version="1.0" encoding="UTF-8"?>
<stulist>
        <student  email="1@1.com">  
                <name>張三</name>
                <id>1</id>
        </student>
        <student  email="2@2.com">
               <name>李四</name>
                <id>2</id>
        </student>
</stulist>

index.htmlthis

<html>
<head>
<title>jquery實例</title>
<meta content="text/xml; charset=gb2312" http-equiv="Content-Type"/>
<script src="jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $("input").click(function(){  
       $.ajax({
          type:"GET",
          url:"./student.xml",
          success:function(msg){
              $(msg).find("student").each(function(i){
                var id = $(this).children("id").text();//id取文本
                var name = $(this).children("name").text();//獲取name文本
                var email=$(this).attr("email");//獲取student的email屬性
                $('<tr><th>'+id+'</th><th>'+name+'&nbsp;&nbsp;'+email+'</th></tr>').appendTo('#content');
            });
          }
       });
   });
});
</script>
</head>
<body>
<input type="button" value="提交">
<div id="content"></div>
</body>
</html>

顯示的效果爲：