使用jquery的ajax取xml
来源:互联网 发布:java中变量的定义方法 编辑:程序博客网 时间:2024/05/01 20:02
xml文件
myfile.xml
<?xml version="1.0" encoding="utf-8" ?>
<List>
<CB cname="北京" cid="1">
<CS cname="北京" cid="364">北京市</CS>
</CB>
<CB cname="天津" cid="2">
<CS cname="天津" cid="365">天津市</CS>
</CB>
<CB cname="上海" cid="3">
<CS cname="上海" cid="364">上海市</CS>
</CB>
<CB cname="重庆" cid="4">
<CS cname="重庆" cid="365">重庆市</CS>
</CB>
</List>
页面文件xml.php
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>xml运用</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$.ajax({
type:"post",
url:"myfile",
dataType:"xml",
error:function(){
alert("错了");
},
success:function(xml){
$(xml).find("List").each(function(){
var cb = $(this).find("CB").each(function(){
var cs = $(this).find("CS").text();
$("#show").append("<font color=red>" + cs + "</font>
");
});
});
}
});
});
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>
***************************************************************************
使用$.GET
$(document).ready(function(){
$.get("myfile",
function(xml){
$(xml).find("List").each(function(){
var cb = $(this).find("CB").each(function(){
var cs = $(this).find("CS").text();
$("#show").append("<font color=maroon>" + cs + "</font>
");
});
});
}
);
});
使用$.POST用法与$.GET一样。
**********************************************************
还可以一个一个的取
$(document).ready(function(){
$.ajax({
type:"post",
url:"myfile.xml",
dataType:"xml",
error:function(){
alert("有错误!");
},
success:function(xml){
$(xml).find("CB").each(function(){ //注意这儿是取的CB元素
var cs = $(this).find("CS").text();
alert($(this).find("CS").attr("cname")); //标签属性
$("#show").append("<font color=maroon>" + cs + "</font><hr />"); //显示在页面中
});
}
});
});
myfile.xml
<?xml version="1.0" encoding="utf-8" ?>
<List>
<CB cname="北京" cid="1">
<CS cname="北京" cid="364">北京市</CS>
</CB>
<CB cname="天津" cid="2">
<CS cname="天津" cid="365">天津市</CS>
</CB>
<CB cname="上海" cid="3">
<CS cname="上海" cid="364">上海市</CS>
</CB>
<CB cname="重庆" cid="4">
<CS cname="重庆" cid="365">重庆市</CS>
</CB>
</List>
页面文件xml.php
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>xml运用</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$.ajax({
type:"post",
url:"myfile",
dataType:"xml",
error:function(){
alert("错了");
},
success:function(xml){
$(xml).find("List").each(function(){
var cb = $(this).find("CB").each(function(){
var cs = $(this).find("CS").text();
$("#show").append("<font color=red>" + cs + "</font>
");
});
});
}
});
});
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>
***************************************************************************
使用$.GET
$(document).ready(function(){
$.get("myfile",
function(xml){
$(xml).find("List").each(function(){
var cb = $(this).find("CB").each(function(){
var cs = $(this).find("CS").text();
$("#show").append("<font color=maroon>" + cs + "</font>
");
});
});
}
);
});
使用$.POST用法与$.GET一样。
**********************************************************
还可以一个一个的取
$(document).ready(function(){
$.ajax({
type:"post",
url:"myfile.xml",
dataType:"xml",
error:function(){
alert("有错误!");
},
success:function(xml){
$(xml).find("CB").each(function(){ //注意这儿是取的CB元素
var cs = $(this).find("CS").text();
alert($(this).find("CS").attr("cname")); //标签属性
$("#show").append("<font color=maroon>" + cs + "</font><hr />"); //显示在页面中
});
}
});
});
- 使用jquery的ajax取xml
- jquery $.ajax()取xml数据
- jquery $.ajax()取xml数据的小问题解决方法
- 使用JQuery的Ajax操作html,xml,json数据
- 使用jquery处理ajax返回的XML、无刷新技术
- jquery随记----ajax之取xml文件中的值
- Jquery的Ajax读取Xml
- Ajax-jQuery的Ajax使用
- Jquery.ajax的使用
- jquery ajax的使用
- jQuery的ajax使用
- jquery的ajax使用
- jquery ajax的使用
- Jquery Ajax的使用
- jquery的ajax使用
- jquery ajax的使用
- jQuery 的Ajax使用
- jquery的ajax使用
- 用jquery使用ajax例子
- HTML学习(6)使用样式
- 笔记本电脑忘记开机密码怎么办?
- 学习日志—序
- 使用jquery点击换图片
- 使用jquery的ajax取xml
- MFC画坐标曲线图(转)
- jquery的ajax中的几种状态
- copy constructor
- 轻松实现asp.net中遍历cookies,session,application,小总结
- 于丹教授携论语带来的感悟
- 使用jquery完成自动隐藏到边框
- 网页标题闪烁
- 时间强烈不够用