`
weigang.gao
  • 浏览: 486269 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

加载xml文档

 
阅读更多

在jquery中load, getJSON,getScript, get 方法都是异步的,当我们在这些操作后面加上alert的时候,你会发现alert会在这些操作完成之前弹出

$(document).ready(function(){
 $('#letter-d a').on('click', function(event){
	   event.preventDefault();
	   var html = '';
	   $.get('fragment/d.xml', function(data){//加载xml文档,生成xml DOM树(DOM对象)
		
	       $(data).find('entry').each(function(){//以每一个匹配的元素作为上下文来执行一个函数。
	   
		    	  var $entry = $(this);
		    	  
		    	  html += '<div class="entry">';
		    	  html += '<h3 class="term">'+$entry.attr('term')+'</h3>';
		    	  html += '<div class="part">'+$entry.attr('part')+'</div>';
		    	  html += '<div class="definition">'+$entry.children('definition').text();

		    	  //alert(typeof $entry.find('quote'));
		    	  //alert(typeof $entry.children('quote').attr('author'));
		    	  if($entry.children().is('quote')){//等价于$entry.find('quote').length
		    		 // alert($entry.children('quote').text());
		    	
		    		  html += '<div class="quote">';
		    		  $entry.children('quote').children('line').each(function(){//等价于$entry.find('line')
		    			  html += '<div class="quote-line">'+$(this).text()+'</div>';
		    		  });
		    		
		    		  if($entry.children('quote').attr('author')){//undefined为false ,string为true
		    			  html += '<div class="quote-author">'+$entry.children('quote').attr('author')+'</div>';
		    		  }
		    
		    		  html += '</div>';
		    	  }
		   
		         html += '</div>';
		     	 html += '</div>';
		
		     });
		    
	         $('#dictionary').html(html);
	    });
	    alert(html);//当我点击按钮的时候,会先弹出框。然后才会显示内容,说明:异步
	    //$('#dictionary').html(html);不能写到这儿,因为get是异步的。
     });
});

 

分享到:
评论

相关推荐

    通过 HTTP 加载 XML 文件时 Load 方法失败

    这个错误通常发生在尝试远程加载 XML 文件的情况下,特别是在 ASP 应用程序中。 #### 解决方案 为了绕过这个问题,可以采用 `ServerXMLHTTP` 组件来加载 XML 文件。`ServerXMLHTTP` 组件是在 MSXML3.0 中引入的,它...

    Unity 在StreamingAssets路径下加载Xml文件

    本文将深入探讨如何在Unity的StreamingAssets路径下加载XML文件,并解决不同平台下加载路径的问题以及如何跳过Unicode Byte Order Mark (BOM)来正确解析XML文件。 首先,我们了解StreamingAssets路径。Unity提供了...

    XML应用开发(软件品牌)-1期 6.2 案例分析-加载XML文档.doc

    加载XML文档的过程是通过调用DOM对象的`load`方法完成的,传入XML文件的URL或路径: ```javascript xmlDoc.load("books.xml"); ``` 在成功加载XML文档后,我们可以进行查询和操作。例如,检查`xmlDoc`是否不为空,...

    使用XmlDocumentXmlDataDocument类加载XML文件时如何忽略DTD验证

    通过这种方式,`Load`方法将不会尝试加载XML文档中引用的DTD,从而避免了找不到DTD导致的异常。 在.NET Framework 2.0及以上版本中,另一种更灵活的方法是使用`XmlReaderSettings`类和`XmlReader`类。我们可以创建...

    readxml flex加载xml文件

    以下是如何使用XMLDocument加载XML文件: ```actionscript var xmlRequest:URLRequest = new URLRequest("path_to_your_xml_file.xml"); var xmlLoader:URLLoader = new URLLoader(); xmlLoader.addEventListener...

    C#动态加载XML文件,并更改节点属性值

    在C#编程中,动态加载XML文件并修改节点属性值是一项常见的任务,特别是在处理配置文件、数据存储或与XML相关的应用程序交互时。本教程将深入探讨如何实现这一目标,包括XML文档的加载、查找特定节点、修改属性以及...

    JAVASCRIPT加载XML文档及操作XML文档的方法[归类].pdf

    JavaScript提供了多种方法来加载XML文档并进行操作,这些方法通常依赖于浏览器内置的XML解析器。以下是关于JavaScript加载和操作XML文档的关键知识点: 1. **XML解析器**: - 所有现代浏览器(如IE、Firefox、...

    XML应用开发(软件品牌)-1期 6.2 课堂实践-加载XML文档.doc

    2. **调用外部JavaScript文件加载XML文档** 当需要在多个页面间共享加载和处理XML的逻辑时,我们可以把相关代码封装到外部JavaScript文件中。首先创建一个外部JS文件,例如`loadXML.js`,然后在HTML中通过`...

    javascript加载xml文件和xml字符串的类

    在JavaScript中,处理XML数据是常见的任务,无论是从本地或远程服务器加载XML文件,或是解析XML字符串。XML(可扩展标记语言)作为一种结构化数据格式,广泛用于存储和传输数据。本篇文章将深入探讨如何使用...

    javascript实现加载xml文件的方法.docx

    ### JavaScript 实现加载 XML 文件的方法 #### 概述 在 Web 开发中,XML(可扩展标记语言)常被用于存储和传输数据。利用 JavaScript 可以方便地处理 XML 数据,例如从服务器加载 XML 文件,并从中提取所需的信息...

    DUILIB加载XML界面源码

    - `CXMLDocument`类的使用,如何加载XML文件并解析其内容。 - 如何创建`CControlUI`的子类,以自定义控件行为。 - `OnCreate`和`OnPaint`等关键函数的实现,它们负责界面的初始化和绘制。 - 如何在XML中定义控件和...

    as3加载xml实例

    在这个“as3加载xml实例”中,我们将深入探讨如何使用AS3来加载XML文件,并将其中的数据用于显示文本和创建链接。 XML(Extensible Markup Language)是一种轻量级的、可扩展的标记语言,常用于存储和传输数据。在...

    C#TreeView控件转存XML加载XML利用Helper

    C#TreeView控件转存XML加载XML利用Helper 此窗体有两个TreeView 一键复制TreeView1 到 TreeView2 而且保留tree1中的的image 存储xml 加载xml 清除node 加载treeview 用到了tag,selectimage等参数

    js 操作页面加载xml

    首先,我们需要了解如何使用JS来加载XML文件。这通常通过XMLHttpRequest对象或现代浏览器提供的fetch API实现。下面以XMLHttpRequest为例: 1. 创建XMLHttpRequest实例: ```javascript var xhr = new ...

    c#将XML文档保存到指定的文件

    加载XML文档 首先,我们需要创建一个`XmlDocument`实例,并使用`Load`方法来加载XML文件。例如: ```csharp private XmlDocument xmldoc; private void loadxml() { xmldoc = new XmlDocument(); xmldoc.Load...

    MFC解析XML文档类

    1. **初始化和加载XML文档**: - 创建`CXMLDOMDocument`对象。 - 调用`LoadXML`或`Load`函数加载XML数据。`LoadXML`接受XML字符串作为参数,而`Load`则加载文件路径。 2. **验证XML文档**: - 在加载XML时,可以...

    pugixml学习笔记1 加载文件

    在“pugixml学习笔记1 加载文件”中,我们将探讨如何利用pugixml库来加载XML文件,包括从内存、文件、字符串和流中加载。 首先,我们需要了解pugixml的核心类:`pugi::xml_document`、`pugi::xml_node`和`pugi::xml...

    FLASH加载XML数据分析

    4. 加载XML文件:`myXML.load("booklist.xml");` 在onLoad回调函数中,我们可以通过访问XML的节点和属性来获取所需的数据。例如,要获取第一本书的出版商图片地址,我们可以这样写: ```actionscript bookTag = ...

    xml-vc解析xml文档

    3. **加载XML文档**:有了DOM对象后,我们可以通过`load`或`loadXML`方法加载XML文件。以加载名为"LoadXMLDoc"的文件为例: ```cpp BSTR xmlFilePath = SysAllocString(L"LoadXMLDoc.xml"); hr = pXMLDoc-&gt;load...

Global site tag (gtag.js) - Google Analytics