jQuery 获取xml数据在IE中无效的问题

探讨了在不同浏览器中访问本地XML数据的差异,并解释了将页面部署到服务器上解决问题的原因。通过对比本地和服务器访问JSON数据的差异,阐述了权限问题可能引起的访问障碍。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前段时间用jQuery做了个小练习,获取本地的xml数据,在firefox下面测试没问题,但是在IE下面总是获取数据失败,上网找了很久也没找到是怎么回事。郁闷了很长一段时间,今天有空又把这个问题拿出来研究了下,最后终于找到原因了,把页面放到服务器去浏览就OK了。难道是权限问题?不知道怎么火狐在本地目录可以获取数据成功。对于操作xml文档要放到服务器去,要不然会没有权限。

 

//html

 

<h1>加载xml数据</h1>
 <input type="button" value="加载xml数据" id="loadXml"/>
 <div class="xmldata">这里显示XML数据</div>

 

//js

 

 $(function(){
  $("#loadXml").click(function(){
   $.ajax({
    type:'get',
    url:'xml.xml',
    dataType:"xml",
    success:function(data){
     $(".xmldata").empty();
     $("user",data).each(function(){
     var users=$(this);
     var html='<div class="name">';
     html+=users.find("name").text();
     html+='</div>';
     html+='<div class="age">';
     html+=users.find("age").text();
     html+='</div>';
     html+='<div class="sex">';
     html+=users.find("sex").text();
     html+='</div>';
     $(".xmldata").append($(html));
    })
    }
    })
   
   
  })
 })

 

 

//xml

 

<?xml version="1.0" encoding="gb2312"?>
<userInfo>
 <user>
  <name>haohao</name>
  <age>18</age>
  <sex>man</sex>
 </user>
 <user>
  <name>dongdong</name>
  <age>18</age>
  <sex>man</sex>
 </user>
 <user>
  <name>qingqing</name>
  <age>18</age>
  <sex>femal</sex>
 </user>
</userInfo>

 

 

 

获取json数据却可以在本地获取数据,IE火狐都可以

 

 

//html

 

 

<h1>加载json数据</h1>
 <input type="button" value="加载json数据" id="loadJson"/>
 <div class="jsondata">这里显示Json数据</div>

 

//js

 

$(document).ready(function(){
  $("#loadJson").click(function(){ 
   $.getJSON('json.json',function(data){
    $('.jsondata').empty();
    $.each(data,function(index,content){
     var html='<div class="name">';
     html+=content['fname']+'</div>';
     html+='<div class="age">';
     html+=content['fage']+'</div>';
     html+='<div class="content">'+content['fsex']+'</div>';
     $('.jsondata').append(html);
    });
   })
  })
 })
 

 

//json

 

[
  {
 "fname":"好好",
 "fage":"18",
 "fsex":"nam"
  }
  ,
  {
 "fname":"东东",
 "fage":"18",
 "fsex":"femal"
  }
]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值