demo.jsp代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>jquery xml解析</title>
<script type="text/javascript"
src="/jQuery/jQuery/jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$.ajax( {
url : "xx.xml",
success : function(xml) {
$(xml).find("province").each(function() {
var t = $(this).attr("name");//this->
$("#DropProvince").append("<option>" + t + "</option>");
});
}
});
$("#DropProvince").change(
function() {
$("#sCity>option").remove();
var pname = $("#DropProvince").val();
$.ajax({
url:"xx.xml",
success : function(xml) {
$(xml).find(
"province[name='" + pname+ "']>city").each(
function() {
$("#sCity").append(
"<option>"+ $(this).text()+"</option>");});
}
});
});
});
</script>
</head>
<body>
<form id="form1">
<div>
<select id="DropProvince" style="width: 60px;">
<option>
请选择
</option>
</select>
<select id="sCity" style="width: 60px;">
</select>
</div>
</form>
</body>
</html>
xx.xml里面的代码:
<?xml version="1.0" encoding="utf-8" ?>
<provinces>
<province name="湖北">
<city>武汉</city>
<city>黄石</city>
<city>宜昌</city>
<city>天门</city>
</province>
<province name="湖南">
<city>邵阳</city>
<city>长沙</city>
<city>株洲</city>
</province>
<province name="广东">
<city>广州</city>
<city>深圳</city>
</province>
</provinces>
使用jQuery 解析xml文档.. 这例题非常实用.. 感谢网友提供的源代码.
分享到:
相关推荐
Ajax.BeginForm 提交,需要引用此文件才会执行OnSuccess
轻量级的jquery实现省或者省市级联,下载之前请自备jquery的js文件喔。。
asp+ajax(jQuery)实例($.ajax()、$.post()、$.get()、$.getJSON()四种模式可选 Ajax是目前比较流行的网站建设技术,...因此,本人纯手写了一个十分简单的asp+ajax(jquery)的例子,送给用ASP来做网站的朋友们以作参考。
用struts2+jquery的ajax的几个小例子,级联,自动补全等,没有数据库,直接就运行。
jquery1.9.1 支持低版本ajax (ajax前jQuery.support.cors=true )
超强的jquery省市级联,效果很炫,很好,很强大!!
jQuery-ajax-json实现自动轮播图.rar
一个完整的jquery+ajax传送请求的实例
jquery省市级联插件,供大家一起共同分享学习。
Jquery ajax 读取txt文件 Jquery分页 Jquery ajax 读取txt文件 Jquery分页
Ajax(Ajax,jquery,prototype综合).rar
Struts2+jQuery ajax的一个商品小系统Struts2+jQuery ajax的一个商品小系统
jquery地市级联,使用方便,jquery地市级联,使用方便,
Ajax-swagger-jquery-ajax.zip,这是对jquery ajax工具的一种炫耀,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载...
asp.net调用 jquery ajax 后台使用一般处理程序或者当前页方法
Vs2005C#下使用Jquery实现的Ajax简单实例
IW12.2.8JQueryAjax简单例子byC5Soft.rar
spring整个流程配置测试正常,前台JSP页面使用jQuery中的Ajax提交至后台的简单实例项目。导入到myeclipse中,部署在tomcat后直接运行即可。