使用jquery中的ajax请求xml页面数据

最新推荐文章于 2022-11-09 17:21:38 发布

weixin_34342207

最新推荐文章于 2022-11-09 17:21:38 发布

阅读量247

点赞数 1

文章标签： javascript python php ViewUI

原文链接：https://my.oschina.net/u/1447974/blog/205305

版权

2019独角兽企业重金招聘Python工程师标准>>>

（1）很多时候无法解析xml就是Content-Type的问题

为了使index.html文件能够解析xml内容，需要将Content-Type设置成为：text/xml

如果是php文件需要加上 header("Content-Type:text/xml");

动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了

（2）使用aja请求的方式需要注意，我使用的IIS服务器

由于IIS不支持POST请求方式，所以我使用的是GET方式，如果需要使用POST请求，需要改IIS的设置

（3）关于xml内容的结构

xml的标签内容一定是需要封闭的，不然就会报错

student.xml

<?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.html

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

显示的效果为：