jQuery 操作XML入门
jQuery 操作XML入门
发布时间:2016-12-30 来源:查字典编辑
摘要:XMLFile.xml复制代码代码如下:1content12content2jqXmlFirst.aspx复制代码代码如下:jQuery操作...

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教程学习
热门Javascript教程学习
编程开发子分类