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

显示的效果为：