ajax加载xml文件的方法和注意事项

最新推荐文章于 2022-06-08 14:35:45 发布
最新推荐文章于 2022-06-08 14:35:45 发布
阅读量512 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kazaki_X/article/details/103720150
版权

利用ajax加载xml文件

xml文件内容

<note>

<to>Tove</to>

<from>Jani</from>

<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>

</note>

ajax实现方法

if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>

注意事项：

在本地实验时，不要使用谷歌浏览器打开，会无法加载。原因是谷歌浏览器的安全等级较高，会限制读取本地文件并显示。用ie浏览器或者火狐浏览器均能有效读取。

Kazaki_X
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax遍历xml文档的方法
12-11
本文实例讲述了ajax遍历xml文档的方法。分享给大家供大家参考。具体分析如下： XMLHttpRequest对象提供了两个可以用来访问服务器响应的属性。第一个属性responseText将响应提供为一个串，第二个属性 responseXML将...
Ajax加载XML文件
仲权的专栏
08-29 1029
$(function () { $("#btnXml").click(function () { $("#tb tr:gt(0)").remove();//在加载时先清除之前加载的数据(全新加载) $.ajax({ cache: false, //是否读缓存
用AJAX加载 XML 文件
pbyang_love的博客
05-11 382
&lt;html&gt;&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script&gt; function loadXMLDoc(url) { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlh...
AJAX与XML文件
专栏
03-07 1711
AJAX can be used for interactive communication with an XML file.AJAX可以通过使用XML文件来让信息产生互动AJAX XML 实例In the AJAX example below we will demonstrate how a web page can fetch information from an XML f
ajax为什么是xml文件,Ajax动态加载xml文件内容
weixin_39628041的博客
08-05 106
String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%>My JSP 'index.jsp' starting pagefunction ...
ajax加载xml,用JQuery 实现AJAX加载XML并解析的脚本
weixin_42398843的博客
08-06 260
1,Content-Type很多时候无法解析就是Content-Type的问题。如果本身就是xml文件，请跳过这一步动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。常见语言的Content-Type设置复制代码 代码如下:header("Content-Type:text/xml"); //phpresponse.ContentType="tex...
JS使用ajax从xml文件动态获取数据显示的方法
10-24
主要介绍了JS使用ajax从xml文件动态获取数据显示的方法,实例分析了javascript使用Ajax技术操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
用JQuery 实现AJAX加载XML并解析的脚本
12-10
如果本身就是xml文件，请跳过这一步 动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。 常见语言的Content-Type设置 代码如下: header(“Content-Type:text/xml”); //...
用AJAX加载 XML 文件网页源代码.rar
08-06
用AJAX加载 XML 文件网页源代码.rar
jQuery-Ajax之加载XML文件
07-31 901
jQuery-Ajax之get()和post(): JQuery 可以通过 $.get() 或 $.post() 方法来加载 xml. JQuery 解析 XML 与解析 DOM 一样, 可以使用 find(), children() 等函数来解析和用 each() 方法来进行遍历 练习： 被加载的xml文件 长春 吉林市
ajax修改内容xml内容,Ajax动态加载xml文件内容
weixin_33960567的博客
08-05 300
String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%>My JSP 'index.jsp' starting pagefunction ...
利用jQuery的ajax从xml文件中加载数据
weixin_33814685的博客
07-26 91
html: <scriptsrc="Scripts/jquery-1.4.1.min.js"type="text/javascript"></script> <scripttype="text/javascript"> $(function(){ $("input[type=...
正确用JQ的AJAX加载XML并解析
weixin_30621959的博客
04-16 157
1,Content-Type很多时候无法解析就是Content-Type的问题。如果本身就是xml文件，请跳过这一步动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。常见语言的Content-Type设置 header("Content-Type:text/xml");//phpresponse.Content...
Ajax动态加载xml文件内容
CTLLIN的专栏
08-28 2579
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> "> My JSP 'inde
ajax加载文件
oldhelps的CSDN博客
06-08 182
使用ajax加载文件
jQuery的 ajax 加载XML并解析
u010782160的专栏
11-12 806
//jQuery的  ajax 加载XML并解析 function showDiv() { $.ajax( { url : "index.xml", dataType : 'xml', type : 'GET', timeout : 2000, error : function (xml)
Jquery Ajax 读取XML 数据
weimou66
08-01 151
&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="JqueryAjax_Default" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww
ajax加xml,AJAX XML 实例
weixin_32760485的博客
08-06 115
AJAX XML 实例AJAX 可用于同 XML 文件进行交互式通信。例子当用户点击按钮时，执行 loadDoc() 函数。loadDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并向服务器发送请求。当服务器响应就绪后，构建 HTML 表格，从 XML 文件提取节点(因素)，最后使用由 XML 数据填充的 HTML 表格对元素“demo”进行更新：Loa...
Ajax读取XML文件
天涯~的博客
03-07 808
当用户点击“获得 CD 信息”这个按钮时，就会执行 loadXMLDoc() 函数。 loadXMLDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。 当服务器响应就绪时，会构建一个 HTML 表格，从 XML 文件中提取节点（元素），最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 占位符：
JQuery加载读取 xml文件 代码范例
最新发布
09-17
以上代码使用`$.ajax()`方法加载指定的xml文件，并设置`dataType`为 "xml"。成功加载后，在`success`回调函数中，使用`$(data).find("book")`查找xml文件中的所有"book"元素，并使用`.each()`方法对每个 "book"元素...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值