使用Ajax技术从本地取回xml文件信息
2012-10-13 22:49
585 查看
1. 编写note.xml
2.编写getxml.html
注:红色部分,由于获取的是本地的XML所以此处浏览器返回的xmlhttp.status=0.
3. 使用火狐打开getxml.html:
-------------------------
present by dylan.
<note> <to>Mr.Dylan</to> <body>Don't forget the meeting!</body> </note>
2.编写getxml.html
<html> <head> <script type="text/javascript"> var xmlhttp; function loadXMLDoc(url) { xmlhttp=null; if (window.XMLHttpRequest) {// code for IE7, Firefox, Opera, etc. xmlhttp=new XMLHttpRequest(); } else if (window.ActiveXObject) {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } if (xmlhttp!=null) { xmlhttp.onreadystatechange=state_Change; xmlhttp.open("GET",url,true); xmlhttp.send(null); } else { alert("Your browser does not support XMLHTTP."); } } function state_Change() { if (xmlhttp.readyState==4) {// 4 = "loaded" if (xmlhttp.status==200 || xmlhttp.status==0) {// 200 = "OK" document.getElementById('A1').innerHTML=xmlhttp.status; document.getElementById('A2').innerHTML=xmlhttp.statusText; document.getElementById('A3').innerHTML=xmlhttp.responseText; } if(xmlhttp.status==404) { alert("Page not found!"); } else { alert("Problem retrieving XML data:" + xmlhttp.statusText); } } } </script> </head> <body> <h2>Using the HttpRequest Object</h2> <p><b>Status:</b> <span id="A1"></span> </p> <p><b>Status text:</b> <span id="A2"></span> </p> <p><b>Response:</b> <br /><span id="A3"></span> </p> <button onclick="loadXMLDoc('note.xml')">Get XML</button> </body> </html>
注:红色部分,由于获取的是本地的XML所以此处浏览器返回的xmlhttp.status=0.
也就是说没有通过Web服务器形式的Ajax请求返回值都是0;
3. 使用火狐打开getxml.html:
-------------------------
present by dylan.
相关文章推荐
- 使用Ajax技术从本地取回xml文件信息
- AJAX XML 实例 下面的例子将演示网页如何使用 AJAX 来读取来自 XML 文件的信息:
- 使用jQuery.ajax加载本地XML文件是要注意的事情
- C#使用单例模式类获取本地程序目录下XML文件中的配置信息
- ajax核心技术1---XMLHttpRequset对象的使用
- swift:使用NSXMLParser解析本地xml文件(详细代码注释)
- SEO_ASP.net SEO优化(包含URL地址重写\viewState移动和压缩至服务器\SEO信息XML生成_根据URL地址重写文件)\web网站内容压缩 源码公开.本人授权可使用于商业项目。
- ajax加载本地html文件出现 XMLHttpRequest cannot load的问题
- xml-使用dom去遍历xml文件和获取指定节点信息
- C#使用Linq操作Xml文件(创建xml文件、增删改查xml文件节点信息)的方法
- ajax核心技术1---XMLHttpRequset对象的使用
- ajax上传文件,提交表单,使用FormData和XMLHttpRequest提交表单
- 使用ajax技术无刷新动态调用股票信息
- 关于Chrome浏览器使用ajax访问本地文件报 Cross origin requests are only supported for HTTP
- 以Base64字符串形式上传文件——在web浏览器端使用原生Javascript及Ajax读取本地文件并发送请求到服务器
- 360chrome,google chrome浏览器使用jquery.ajax加载本地html文件
- Chrome浏览器使用ajax加载本地数据文件问题
- 使用Ajax中上传文件关键技术
- JS使用ajax从xml文件动态获取数据显示的方法
- 使用chrome调试ajax加载本地文件的时候出现Failed to load resource: Origin null is not allowed by Access-Control-Allow