jquery的ajax解析xml文件,jQuery ajax解析xml文件demo

公西姚石
2023-12-01

解析xml文件,然后将城市列表还原到下拉列表框中;当选择下拉列表框时,在对应的文本框中显示该城市信息。

前端代码:

jQuery ajax解析xml文件demo

城市列表:

城市信息:

function cityajax(){

var olist=$("#list");

var otext=$("#texts");

var arr=new Array();

$.ajax({

url:"/city_xml/XML/city.xml",

type:"POST",

dataType:'xml',

success:function(xml){

$(xml).find("City").each(function(i) {

//获取城市名字

var cityName=$(this).attr("Name");

//添加到下拉框,设置内容

$("").appendTo(olist).text(cityName);

//获取城市信息,并存入数组中

var cityText=$(this).find("Description").text();

arr[i]=cityText;

changetext();

});

},

error:function(){ alert("加载失败"); }

})

//选择不同城市对应信息发生改变

function changetext(){

var _index=olist.find("option:selected").index();

otext.text(arr[_index]);

}

olist.change(changetext)

}

xml文件:

京有着三千余年的建城史和八百五十余年的建都史...

上海,中国大陆第一大城市;四个中央直辖市之一

广州,简称穗,别称羊城、穗城、穗垣、仙城、花城;解放前旧称省城。

位于四川省中部,是中西部地区重要的中心城市。西南地区科技中心、商贸中心、金融中心和交通通信枢纽。

沈阳,辽宁省省会,中国15个副省级城市之一,中国七大区域中心城市之一

代码在ie8及以下版本xml加载失败。哪位朋友有好的意见欢迎提出。

SAXReader解析xml文件demo

1. 加入jar包 2. 代码解析 package practice; import java.io.File; import java.util.List; import org.dom4j.Doc ...

2017/4/26-DOM解析XML文件

DOM解析XML 1.分析 DOM是JAVA自带的XML解析API.DOM首先将XML文件全部加载至内存中,然后再内存中创建DOM树,生成DOM树上的每个Node节点. 2.优点 1) 可以创建或修改 ...

JQuery -- Jquery 中的Ajax, Jquery解析xml文件

1. JQuery 对 Ajax 操作进行了封装,在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post(),第三层是$.getScript ...

Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库

Ajax实现将xml文件数据插入数据库的过程所涉及到的内容比较多,所以对于该过程的讲解本人打算根据交互的过程将其分为三个部分,第一部分为构建解析xml文件的javascript库,第二部分为ajax与 ...

Ajax--PHP+JQuery+Ajax解析json、XML数据、加载页面

一.JQuery+Ajax用get.post方式提交和请求数据 知识要点: $('#userName').blur(function () { var txt = $(this).val(); $.a ...

java中采用dom4j解析xml文件

一.前言 在最近的开发中用到了dom4j来解析xml文件,以前听说过来解析xml文件的几种标准方式:但是从来的没有应用过来,所以可以在google中搜索dmo4j解析xml文件的方式,学习一下dom4 ...

java解析XML文件

dom4j是一个Java的XML API,类似于jdom,用来读写XML文件的.dom4j是一个非常非常优秀的Java XML API,具有性能优异.功能强大和极端易用使用的特点,同时它也是一个开放源 ...

使用dom4j创建和解析xml文件

使用dom4j创建和解析xml文件 在项目开发中,我们经常会遇到xml文件的创建和解析从别人接口得到的xml文件,而我们最常使用的组件是dom4j. 下面我就以代码来讲解一下如何使用dom4j来创建x ...

ACEXML解析XML文件——我是如何学习并在短时间内掌握一个库的使用方法的

最近做的C++项目中需要使用xml文件保存一些信息,程序启动时会读取这些信息.最终经过主程的评测,决定使用ACEXML库来读取解析XML文件. 好吧,至于为什么选择ACEXML库,我就不说了.既然选择 ...

随机推荐

如何获取byte的各个bit值以及常见位操作

项目中通过信号采集板的数据获取车上仪表盘指示灯的信息,将接收到的数据转成byte后,还要将每一个Byte的各个Bit值分离出来,这样才知道每个bit的值代表的具体信息.这里记录下如何获取byte的各个 ...

1.7.3 Relevance-相关性

1. 相关性 相关性是一个查询响应满足用户搜索信息的一个度(程度). 查询响应的相关性主要依赖于上下文的查询.单个搜索应用程序可以通过用户的不同需求和期望被用来在不同的上下文.例如,气候数据的搜索引擎 ...

(转载)JDK中的设计模式

 类似资料: