demo.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>jquery xml解析</title>
<script type="text/javascript" src="js/jquery-1.3.2.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>
从这个例子中学到了很多..
有联动菜单的思路..ajax解析xml方式..以及ajax的代码..
很受启发!
分享到:
相关推荐
mvc jquery Ajax,用户登录,无刷新分页。数据库为sql 2005备份文件,在sql 2005_bak文件夹下。各位前辈看了,对不合理的请指教。
一个完整的jquery+ajax传送请求的实例
用struts2+jquery的ajax的几个小例子,级联,自动补全等,没有数据库,直接就运行。
Vs2005C#下使用Jquery实现的Ajax简单实例
自己做了一个jquery ajax异步请求,获得一个list对象的下拉框例子自己做了一个jquery ajax异步请求,获得一个list对象的下拉框例子
jquery 分页详细例子 ajax无刷新
Struts2+jQuery ajax的一个商品小系统Struts2+jQuery ajax的一个商品小系统
jquery和ajax的集成例子 jquery和ajax的集成例子 jquery和ajax的集成例子
php 用jquery ajax登陆,这是一个最简单的jquery ajax登陆实例,看了这个相信聪明的你能写出更好的东东!
load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 ...jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。
php+jquery+ajax最简单例子
asp.net调用 jquery ajax 后台使用一般处理程序或者当前页方法
Jquery ajax 读取txt文件 Jquery分页 Jquery ajax 读取txt文件 Jquery分页
jquery ajax json 的例子
jqueryajax jquery ajax
Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子)
自己研究了一下asp.net+jquery ajax写了一个用户登录、分页,模拟session过期,弹出登录框,让用户继续登录。大家有兴趣的可以下载了看看。 环境:vs 2005+ sql 2005。 如果不对的地方,各位前辈请赐教。数据库备份...
jquery+ajax+json例子,是一个web例子
jquery ajax源代码