jQuery 操作XML入门


Posted in Javascript onDecember 25, 2008

XMLFile.xml

<?xml version="1.0" encoding="utf-8" ?> 
<msglist> 
<msg name="11"> 
<id>1</id> 
<content>content1</content> 
</msg> 
<msg name="22"> 
<id>2</id> 
<content>content2</content> 
</msg> 
</msglist>

jqXmlFirst.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="jqXmlFirst.aspx.cs" Inherits="jqueryXml_jqXmlFirst" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>jQuery操作Xml入门</title> 
<script type="text/javascript" src="../js/jquery-1.2.6.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$.ajax({ 
url:"XMLFile.xml", 
dataType:"xml", 
error: function(xml){ 
alert('Error loading XML document'+xml); 
}, 
success:function(xml){ 
$(xml).find("msglist > msg").each(function(){ 
alert($(this).find("content").text());//each是循环执行,即多次弹出。 
alert($(this).attr("name"));//取得属性的方法 
}); 
} 
}) 
}); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
js显示文本框提示文字的方法
May 07 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
jQuery使用getJSON方法获取json数据完整示例
Sep 13 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
基于Vue实现支持按周切换的日历
Sep 24 Javascript
node实现定时发送邮件的示例代码
Aug 26 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
Sep 14 Javascript
Ajax实现异步加载数据
Nov 17 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
前端框架ECharts dataset对数据可视化的高级管理
Dec 24 Javascript
jQuery 动画基础教程
Dec 25 #Javascript
javascript jQuery插件练习
Dec 24 #Javascript
javascript 动态数据下的锚点错位问题解决方法
Dec 24 #Javascript
javascript 网页跳转的方法
Dec 24 #Javascript
javascript prototype,executing,context,closure
Dec 24 #Javascript
JavaScript 事件参考手册
Dec 24 #Javascript
javascript XML数据显示为HTML一例
Dec 23 #Javascript
You might like
无数据库的详细域名查询程序PHP版(2)
2006/10/09 PHP
php_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
PHP取整函数:ceil,floor,round,intval的区别详细解析
2013/08/31 PHP
PHP微信API接口类
2016/08/22 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
利用js+css+html实现固定table的列头不动
2016/12/08 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
2016/12/14 Javascript
详解Javascript中DOM的范围
2017/02/13 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
解决vue build打包之后首页白屏的问题
2018/03/06 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
2019/03/28 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
深入了解js原型模式
2019/05/30 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
Python 连连看连接算法
2008/11/22 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
python list转矩阵的实例讲解
2018/08/04 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
python安装gdal的两种方法
2019/10/29 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
Python3读写ini配置文件的示例
2020/11/06 Python
python实现启动一个外部程序,并且不阻塞当前进程
2020/12/05 Python
Matlab使用Plot函数实现数据动态显示方法总结
2021/02/25 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
入党积极分子自我鉴定
2014/02/18 职场文书
2015年公务员个人工作总结
2015/04/24 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python