`

jQuery 操作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> 



<%@ 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>

分享到:
评论

相关推荐

    jQuery开发从入门到精通源代码和示例(8-15)

    《jQuery开发从入门到精通》是一本由袁江编著,清华大学出版社于2013年出版的技术书籍,旨在帮助初学者和有一定基础的开发者深入理解并熟练掌握jQuery这一强大的JavaScript库。jQuery以其简洁易用的API,极大地简化...

    jquery 入门帮助.pdf

    ### jQuery入门精要 #### 一、jQuery概览与崛起 **标题与描述解析:** "jquery 入门帮助.pdf"这一标题明确指向了对jQuery初学者的指导资料,而描述“对于了解ajax并初识jq的人很有帮助”则暗示了内容会涵盖jQuery...

    jQuery JavaScript与CSS开发入门经典 源码

    《jQuery JavaScript与CSS开发入门经典》是一本专为初学者设计的编程指南,旨在帮助读者快速掌握前端开发的核心技术——jQuery、JavaScript和CSS。通过学习这本书的源码,你可以深入理解这三个关键技术的工作原理,...

    jquery_入门实例

    虽然题目提到的文件列表中只有 "xml",在 jQuery 中处理 XML 数据,我们可以使用 `$.parseXML()` 方法将 XML 字符串解析为 DOM 对象,然后使用 jQuery 的选择器和方法进行操作。 **总结** jQuery 以其简洁的语法和...

    jQuery.JavaScript与CSS开发入门经典

    《jQuery.JavaScript与CSS开发入门经典》是一本旨在引导初学者进入前端开发领域的书籍,它涵盖了Web开发中三个至关重要的技术:jQuery、JavaScript和CSS。这三者是构建交互式和动态网页的基础,也是现代Web开发的...

    jquery入门教程.pdf

    ### jQuery入门教程精要 #### 一、简介与重要性 **jQuery**,作为一款流行的JavaScript库,自2006年诞生以来,迅速成为Web开发者们的首选工具。它简化了HTML文档遍历、事件处理、动画以及与服务器交互的过程。...

    jQuery中文入门指南.doc

    4. **AJAX**:jQuery简化了异步JavaScript和XML的操作,允许你轻松地进行后台数据交互。`$.ajax()`函数是核心,它可以处理JSON, XML, HTML等多种数据格式。 5. **FX(特效)**:jQuery的动画功能非常强大,`fadeIn...

    jQuery入门篇.

    这个入门篇将帮助初学者快速理解jQuery的核心概念和功能,以便在网页开发中更高效地操作DOM(文档对象模型)。 ### 1. jQuery的选择器 jQuery的选择器与CSS选择器类似,但提供了更多的功能。例如,`$("#id")`选择...

    Ajax和Jquery基础入门视频(源码和课件)

    这个“Ajax和Jquery基础入门视频”压缩包包含的源码和课件,显然是为了帮助初学者快速掌握这两项技术的精髓。 首先,让我们详细了解一下Ajax。Ajax的核心在于无需刷新整个页面就能实现部分数据的更新,通过...

    jquery开发ajax入门实例

    ### jQuery 开发 AJAX 入门实例详解 #### 一、简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使...

    jquery的ajax实例 jQuery经典入门教程

    jQuery提供了多个用于Ajax操作的方法,包括`$.ajax()`, `$.get()`, `$.post()` 和 `$.getJSON()`等。 - `$.ajax()`: 这是最全面的Ajax函数,可以定制所有选项,如请求类型、URL、数据类型、回调函数等。 ```...

    JQuery教程---入门

    **jQuery教程——入门** jQuery是一款广泛应用于Web开发的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。这个“jQuery教程——入门”将带你逐步走进jQuery的世界,了解其基本概念和...

Global site tag (gtag.js) - Google Analytics