jQuery操作XML入门

最新推荐文章于 2020-06-24 04:12:22 发布
最新推荐文章于 2020-06-24 04:12:22 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： JS.JQuery 文章标签： xml jquery function encoding server c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/greatverve/article/details/3601620
版权

 XMLFile.xml

  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <msglist>
  3.   <msg name="11">
  4.     <id>1</id>
  5.     <content>content1</content>
  6.   </msg>
  7.   <msg name="22">
  8.     <id>2</id>
  9.     <content>content2</content>
  10.   </msg>
  11. </msglist>

jqXmlFirst.aspx

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="jqXmlFirst.aspx.cs" Inherits="jqueryXml_jqXmlFirst" %>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" >
  6. <head runat="server">
  7.     <title>jQuery操作Xml入门</title>
  8.     <script type="text/javascript" src="../js/jquery-1.2.6.js"></script>
  9.     <script type="text/javascript">
  10.         $(function(){
  11.             $.ajax({
  12.                 url:"XMLFile.xml",
  13.                 dataType:"xml",
  14.                 error: function(xml){
  15.                     alert('Error loading XML document'+xml);
  16.                 },
  17.                 success:function(xml){
  18.                     $(xml).find("msglist > msg").each(function(){
  19.                         alert($(this).find("content").text());//each是循环执行，即多次弹出。
  20.                         alert($(this).attr("name"));//取得属性的方法
  21.                     });
  22.                 }
  23.             })
  24.         });
  25.     </script>
  26. </head>
  27. <body>
  28.     <form id="form1" runat="server">
  29.     <div>
  30.     
  31.     </div>
  32.     </form>
  33. </body>
  34. </html>
end
greatverve
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery读取xml
04-24
jquery读取xml jquery读取xml jquery读取xml jquery读取xml jquery读取xml jquery读取xml
【译】用jQuery 处理XML-- jQuery与XML
weixin_33688840的博客
06-28 109
  用jQuery 处理XML--写在前面的话 用jQuery 处理XML-- DOM（文本对象模型）简介 用jQuery 处理XML--浏览器中的XML与JavaScript 用jQuery 处理XML-- jQuery与XML 原文：Processing XML with jQuery 来自IBM Developer Works   jQuery与XML   快而强的遍历系...
JQuery加载并解析XML
热门推荐
pan_junbiao的博客
04-09 2万+
1、简述     XML（eXtensible Markup Language）即可扩展标记语言，与HTML一样，都是属于SGML标准通用语言。 2、 Content-Type     很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置；如果是由后台程序动态生成的，那么就需要设置Content-Typ
Jquery 操作XML
weixin_30920853的博客
06-21 126
一：使用传统JavaScript调用XML的方法(使用Get方式获得数据) <head> <title>使用传统JavaScript调用XML的方法</title> <script type="text/javascript"> //加载xml文件 function loadXML(xml...
jquery操作xml
05-14 368
var str1="<xml><result><NewDataSet><Table1><UserName>test1</UserName></Table1><Table1><UserName>test2</UserName></Table1></NewData...
jQuery 操作XML入门
12-01
XMLFile.xml 代码如下:<?xml version=”1.0″ encoding=”utf-8″ ?> <msglist> ”11″> <id>1</id> <content>content1</content> </msg> ”22″> <id>2</id> <content>content2</content> </msg> </msglist> ...
使用jQuery简化Ajax开发 Ajax开发入门
10-29
jQuery是一个可以简化 JavaScript™以及AJAX（Asynchronous JavaScript + XML，异步Javascript和XML）编程的Javascript库。不同于其他的Javascript库，jQuery有他自己的哲学，使你可以 很简单的编写代码。
Ajax+jquery从入门到精通2017视频教程
06-09
ajax技术是从事WEB开发的课程，本课程是在js及jsp课程的基础上的提高课，从ajax初级开始讲解，主要包括ajax的...json格式数据，jquery的深入讲解与实战训练，共22个视频教程，PPT课件及上课源代码在购买后可以下载
Struts2入门教程。包括jquery集成等。入门必看
01-11
第 1章 STRUTS2入门................................................................................................................................................3 第 2章STRUTS2晋级.....................
Jquery操作XML
yangpiaoluotianya的专栏
04-04 686
这个问题是以前遇到的，在这里记下如何解决的办法， 问题是这样的：调用平台的接口，返回的是一段XML字段。其中的XML如下： - 0 成功 - 13:30 14:30 10 9 0 - 14:30 15:15 5 5 0 在后台没有对这段代码进行处理，直接返回到前端，然后用Jquery进行的操作，获
jquery xml_用jQuery处理XML
cuyi7076的博客
06-24 1714
在你开始前 虽然本教程对于希望学习或提高jQuery和XML处理技能的经验丰富的开发人员很有用，但它还提供了基本DOM脚本概念的实用概述，这些概念甚至可以使最初级JavaScript编码人员也可以快速掌握并掌握它们。本教程的全部范围。 关于本教程 常用缩略语 Ajax：异步JavaScript + XML DOM：文档对象模型 HTML：超文本标记语言 JSON...
jQuery 处理xml
iptracker的博客
03-17 1640
jQuery这个语言做的最好的就是处理xml(Extensible Markup Language)，下面直接上代码 &amp;lt;!--test.html--&amp;gt; &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?&amp;gt; &amp;lt;school&amp;gt; &amp;lt;student id=&
jQuery读取XML文件
老白干的zone
05-15 4372
在最近项目中，ajax返回的数据格式为“XML”，如何对XML格式的数据进行解析？大部分项目如果使用ajax请求，返回数据格式基本上都是json格式；下面就以实际项目为例进行xml格式数据的分析。 从报文中已经截获到xml格式的数据如下：
15个jQuery和XML插件
04-25 160
了解如何使用XML使用jQuery和跨浏览器和前端AJAX调用处理您的数据。 查看我们最酷的XML及以下的jQuery教程。 玩得开心！ 1. XML解析与jQuery 本教程介绍了如何解析XML使用jQuery，这将覆盖几乎所有情况下，你通常相遇。 资源 2.读取XML使用jQuery 读取XML使用jQuery，学习本教程如何。 资源 3. jQuery的XML解析插件...
使用jQuery解析XML
断弦泉月
08-11 366
XML和HTML都是标记语言，语法形式非常相似，同属于一个语言体系。对于HTML的解析，我是使用jQuery非常方便，其实，我们也可以用jquery解析XML，也是同样的方便。 如果你用过Java、PHP等语言解析过XML，相信会跟我有相同的感觉，那就是很麻烦。改用jQuery来读取、分析、操作XML后，给人意想不到的轻松感。下面我们来看看使用jQuery处理XML文件的几种形式方法。
html5_JQuery加载xml
milijiangjun的博客
05-16 806
转载自：http://www.jb51.net/article/92329.htmxml&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;stulist&gt; &lt;student email="1@1.com"&gt; &lt;name&gt;zhangsan&lt;/name&gt; &
jQuery xml字符串的解析 及 读xml并search
我想我是海 冬天的大海 心情随风轻摆
04-21 6525
xml字符串的解析 $(function () { var xml = ''; xml += ''; xml += ''; xml += ''; var xmlDoc = $.parseXML(xml); var result=""; $(xmlDoc).find
使用Jquery解析xml的两种方法
weixin_30448685的博客
11-02 218
第一种方案（最稳妥）： 先将String格式的xml转换为xml对象，然后再用Jquery解析xml对象 1 var returnDataXml = parseXML(returnData); 2 var param = $(returnDataXml).find("param"); 3 for(i=0;i<param .length;i++){ ...
jQuery读取xml文件
dusea的博客
10-31 4138
转自http://www.cnblogs.com/huacw/archive/2011/03/24/1994074.html 0 500 5 0 500 2000 10 25 2000 5000 15 125 5000 20000
jquery 读取本地 XML文件 代码
最新发布
08-10
### 回答1： 可以使用 jQuery 的 AJAX 方法实现，代码如下： $.ajax({ type: "GET", url: "file.xml", dataType: "xml", success: function(xml) { // 在此处添加代码 } }); ### 回答2： 在jQuery中，可以通过使用`$.ajax()`方法来读取本地XML文件。以下是一个例子： ```javascript $.ajax({ type: "GET", url: "本地XML文件的URL", dataType: "xml", success: function(xml) { // 在这里对xml进行处理 $(xml).find("节点名称").each(function() { // 处理每个节点 var nodeValue = $(this).text(); // 获取节点的文本内容 console.log(nodeValue); }); }, error: function(xhr, status, error) { console.error(error); // 在控制台打印错误信息 } }); ``` 在这个例子中，我们使用`$.ajax()`方法发送GET请求来获取本地XML文件。`url`参数应该是你的XML文件的URL。`dataType`参数设置为"xml"，告诉jQuery返回的是XML数据。然后使用`success`回调函数处理返回的XML数据。 在`success`回调函数中，我们可以使用`$(xml)`来将返回的XML数据转换成jQuery对象，然后使用jQuery的选择器进行节点查找。例如，`$(xml).find("节点名称")`将查找所有名称为"节点名称"的节点。 使用`.each()`方法遍历每个找到的节点，并在回调函数中处理它们。可以使用`.text()`方法来获取节点的文本内容。 如果请求发送失败，可以在`error`回调函数中处理错误。 请注意，由于浏览器安全策略的限制，本地XML文件的URL可能必须与你的网页文件位于同一个域名下，否则可能会出现安全错误。 ### 回答3： jQuery可以通过使用`$.ajax`方法来读取本地XML文件。下面是一个例子： ```javascript $.ajax({ type: "GET", url: "example.xml", // 替换为本地XML文件的路径 dataType: "xml", success: function(xml) { // 成功读取XML文件后的处理代码 $(xml).find("item").each(function() { var title = $(this).find("title").text(); var description = $(this).find("description").text(); // 在控制台打印每个<item>元素的标题和描述 console.log("标题: " + title); console.log("描述: " + description); }); }, error: function(xhr, status, error) { // 读取XML文件出错的处理代码 console.log("读取XML文件出错：" + error); } }); ``` 在这个例子中，我们使用`$.ajax`方法向服务器请求一个XML文件。`type`参数指定请求的类型为GET，`url`参数指定请求的地址为本地的`example.xml`文件。`dataType`参数指定要返回的数据类型为XML。`success`回调函数在成功读取XML文件后被执行，`error`回调函数在读取XML文件出错时被执行。 在`success`回调函数中，我们首先使用`$(xml)`将返回的XML字符串转换为jQuery对象，然后使用`find`方法根据节点名称来找到我们想要的元素。使用`text`方法可以获取元素的文本内容。这个例子中我们找到`<item>`元素，然后分别获取其中的`<title>`和`<description>`元素的文本内容，并在控制台打印出来。 如果找不到本地XML文件或读取XML文件出错，`error`回调函数被执行，我们在控制台打印出错误消息。 请注意，由于浏览器的同源策略限制，直接在浏览器中通过Ajax方法读取本地文件时可能会遇到问题。为了避免这些问题，你可以在本地设置一个简单的HTTP服务器，然后通过服务器地址来读取XML文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值