JS与jQ读取xml文件办法【javascript】

web前端|js教程

js读取xml文件,js读取xml,jq读取xml

web前端-js教程

废话不多说了，直接给大家贴代码了，具体代码如下所示：

手机验证码开发平台源码,pcl ubuntu20,爬虫抓取身份信息,driver php,seo免费运营lzw

jquery读取xml文件

易语言 后台按键 源码,vscode内容辅助快捷键,vnc连ubuntu,tomcat5 jdk,爬虫打印乱码,php如何做框架,seo网络营销流程图,网站后台程序和数据库开发lzw

h{color:Green;text-align:center;} body{ background-color:#EEEEEE ; font-family:微软雅黑; } #showresult{width:px;overflow:hidden;} $(document).ready(function () {$("#read").click(function () { $.ajax({//请求方式为gettype: "GET",//xml文件位置url: "sitemap.xml",//返回数据格式为xmldataType: "xml",//请求成功完成后要执行的方法success: function (xml) { $(xml).find("url").each(function (i) { //i从开始，累加，如果要显示所有数据，将判断去除即可 if (i < ) {//链接地址var location = $(this).find("loc").text();//显示文字var text = $(this).find("loc").text();//动态加载方法:链接地址$("").attr("href", location)//显示文字 .text(text)//设置样式 .css({ "width": "px", "float": "left", "margin-bottom": "px" })//加载到div .appendTo("#showresult"); } })} }); return false;}); });

jQuery读取XML文件 点击读取XML

js读取xml文件

相册 网站 源码 自动生成缩,ubuntu中使用ssh,tomcat页面加载速度慢,简单爬虫程序价格,php识别运算符逻辑比较,seo文本替换lzw

city.xml 文件

由于文件太长这里就写这几个省吧

city.html

请选择省 请选择相应市 请选择相应区

<!--function getXmlDoc() { var xmldoc; try{ //IE浏览器 xmlDoc = new ActiveXObject("microsoft.XMLDOM"); }catch(e){ try{ //firefox 其他浏览器 xmlDoc = document.implementation.createDocument("","",null); }catch(er){ alert("您的浏览器太低了"); } } //关闭异步加载,确保在文档完全加载之前解析器不会继续脚本的执行 xmlDoc.async = false; //转载xml文件 xmlDoc.load("city.xml"); return xmlDoc;}

window.onload = function() { //通过方法获取对象 var xmlDoc = getXmlDoc(); //获取xml文件的根节点 var root = xmlDoc.documentElement; //获得所有的省节点 var provinces = root.childNodes; //获取页面中要显示的省的控件dom对象 var sheng = document.getElementById("sheng"); var shi = document.getElementById("shi"); var xian = document.getElementById("xian"); //遍历所有的省 for(var i=0;i<provinces.length;i++) { //查看该节点是否是元素节点 也是为了实现不同浏览器之间的兼容性问题 if(provinces[i].nodeType == 1) { //创建option节点对象 var shengopt = document.createElement("option"); //为省节点添加文本节点 shengopt.appendChild(document.createTextNode(provinces[i].getAttribute("name"))); //为省节点添加属性 shengopt.setAttribute("value",provinces[i].getAttribute("postcode")); //添加省道页面dom对象中 sheng.appendChild(shengopt); } } //当省节点发生改变时 触发事件 sheng.onchange = function() { //获取省节点所有的option对象的集合 var shengs = sheng.options; //获取选中option对象的selectedIndex(下标值) var num = shengs.selectedIndex; //清空市 区 shi.length = 1; xian.length = 1; var ppostocode = shengs[num].getAttribute("value"); //遍历所有的省 for(var i=0;i<provinces.length;i++) { //查看该节点是否是元素节点 也是为了实现不同浏览器之间的兼容性问题 if(provinces[i].nodeType == 1) { var postcode = provinces[i].getAttribute("postcode"); if(postcode == ppostocode) { var cities = provinces[i].childNodes; shi.length = 1; for(var i=0;i<cities.length;i++) { if(cities[i].nodeType == 1) { var shiopt = document.createElement("option"); shiopt.appendChild(document.createTextNode(cities[i].getAttribute("name"))); shiopt.setAttribute("value",cities[i].getAttribute("postcode"));; shi.appendChild(shiopt); } } break; } } } } shi.onchange = function() { var shis = shi.options; var num = shis.selectedIndex; var spostcode = shis[num].getAttribute("value"); for(var i=0;i<provinces.length;i++) { if(provinces[i].nodeType == 1) { var cities = provinces[i].childNodes; for(var j=0;j<cities.length;j++) { if(cities[j].nodeType == 1) { var postcode = cities[j].getAttribute("postcode"); if(postcode == spostcode) { xian.length = 1; var areas = cities[j].childNodes; for(var k=0;k

//--><!-- DOM 解析中的浏览器差异所有现代浏览器都支持 W3C DOM 规范。不过，浏览器之间是有差异的。重要的区别有两点：

1、加载 XML 的方式 //IE浏览器 var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); //firefox 其他浏览器 var xmlDoc = document.implementation.createDocument("","",null);2、处理空白和换行的方式 Firefox，以及其他一些浏览器，会把空的空白或换行作为文本节点来处理，而 Internet Explorer 不会这样。 思考: 那么怎么解决这种差异呢，下面是一种方法： for(var i=0;i

以上代码是讲解js、jq读取xml文件的方法，希望大家喜欢。