<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
  <channel>
    <title>longleg</title>
    <description></description>
    <link>http://longleg.javaeye.com</link>
    <language>UTF-8</language>
    <copyright>Copyright 2003-2008, JavaEye.com</copyright>
    <docs>http://blogs.law.harvard.edu/tech/rss</docs>
    <generator>JavaEye - 做最棒的软件开发交流社区</generator>
      <item>
        <title>JavaScript DOM基本</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/226599" style="color:red;">http://longleg.javaeye.com/blog/226599</a>&nbsp;
          发表时间: 2008年08月11日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          <ul><li><strong>Node.nodeType:</strong></li></ul><br /><pre name="code" class="javascript">
Node.ELEMENT_NODE (1)  
Node.ATTRIBUTE_NODE (2)  
Node.TEXT_NODE (3) //&lt;![CDATA[ ]]&gt;中括着的纯文本，它没有子节点  
Node.CDATA_SECTION_NODE (4) //子节点一定为TextNode  
Node.ENTITY_REFERENCE_NODE (5)   
Node.ENTITY_NODE (6) //DTD中的实体定义&lt;!ENTITY foo “foo”>，无子节点  
Node.PROCESSING_INSTRUCTION_NODE (7) //PI，无子节点  
Node.COMMENT_NODE (8)  
Node.DOCUMENT_NODE (9) //最外层的Root element,包括所有其它节点  
Node.DOCUMENT_TYPE_NODE (10) //DTD，&lt;!DOCTYPE………..>  
Node.DOCUMENT_FRAGMENT_NODE (11)  
Node.NOTATION_NODE (12) //DTD中的Nation定义  
</pre><br /><ul><li><strong>Node.nodeName:</strong></li>属性将返回一个字符串，其内容是给定节点的名字。如果节点是元素节点，返回这个元素的名称；如果是属性节点，返回这个属性的名称；如果是文本节点，返回一个内容为#text 的字符串；<li><strong>Node.nodeValue:</strong></li>属性将返回给定节点的当前值.如果节点是元素节点，返回null；如果是属性节点，返回这个属性的名称；如果是文本节点，返回文本节点的内容；<li><strong>Node.ownerDocument:</strong></li>指向这个节点所属的文档；<li><strong>Node.attributes:</strong></li>代表一个元素的特性的Attr对象；仅用于Element节点；<li><strong>Node.childNodes:</strong></li>所有子节点的列表；<li><strong>Node.firstChild:[/b】</li>指向在childNodes列表中的第一个节点；<li>[b]Node.lastChild:</strong></li>指向在childNodes列表中的最后一个节点；<li><strong>Node.nextSibling:</strong></li>指向后一个兄弟节点；如果这个节点就是最后一个兄弟节点，那么该值为null；<li><strong>Node.previousSibling:</strong></li>指向前一个兄弟节点；如果这个节点就是第一个兄弟节点，那么该值为null；<li><strong>Node.parentNode:</strong></li>返回一个给定节点的父节点；<li><strong>Node.hasChildNodes():</strong></li>当childNodes包含一个或多个节点时，返回真；<li><strong>appendChild(node):</strong></li>将node添加到childNodes的末尾；<li><strong>removeChild(node):</strong></li>将node从childNodes中删除；<li><strong>insertBefore(newnode refnode):</strong></li>在childNodes中的refnode之前插入newnode；<br />replaceChild(newnode,oldnode):[/b]<br />将childNodes中的oldnode替换成newnode；<br /></ul>
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/226599#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Mon, 11 Aug 2008 14:09:47 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/226599</link>
        <guid>http://longleg.javaeye.com/blog/226599</guid>
      </item>
      <item>
        <title>冒泡事件的移除以及获取事件源</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/215903" style="color:red;">http://longleg.javaeye.com/blog/215903</a>&nbsp;
          发表时间: 2008年07月17日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          <pre name="code" class="javascript">
function handleEvent(e){
    var evt = e || window.event;
    var evtTarget = evt.target || evt.srcElement;
    if(evtTarget.nodeType==3){
        evtTarget = evtTarget.parentNode;//for Safari;
    }
    //some code here.
}

</pre>
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/215903#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Thu, 17 Jul 2008 17:50:46 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/215903</link>
        <guid>http://longleg.javaeye.com/blog/215903</guid>
      </item>
      <item>
        <title>简单的事件注册方式</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/215638" style="color:red;">http://longleg.javaeye.com/blog/215638</a>&nbsp;
          发表时间: 2008年07月17日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          <pre name="code" class="javascript">
var addEvt = function (obj,evt,fn){
    if(obj.addEventListener){
        obj.addEventListener(evt,fn,false);//W3C
    }else if(obj.attachEvent){
        obj.attachEvent('on'+evt,fn);//IE
    }
}

var removeEvt = function (obj,evt,fn){
    if(obj.removeEventListener){
        obj.removeEventListener(evt,fn,false);//W3C
    }else if(obj.detachEvent){
        obj.detachEvent('on'+evt,fn);//IE
    }
}
</pre><br />兼容IE以及W3C事件注册机制，好处是不会覆盖原有的事件，而是事件追加。<br />但是RemoveEvt没有办法将所有绑定的事件全部移除，只能指定注册的函数名，如果是匿名的函数就无法移除。当让我们可以这样：<br /><pre name="code" class="javascript">
obj.onclick = null;
</pre>
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/215638#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Thu, 17 Jul 2008 09:34:08 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/215638</link>
        <guid>http://longleg.javaeye.com/blog/215638</guid>
      </item>
      <item>
        <title>关于jQuery制作可配置型OA系统插件库</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/148277" style="color:red;">http://longleg.javaeye.com/blog/148277</a>&nbsp;
          发表时间: 2007年12月14日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          看了看jQ的UI,感觉都是将以前的插件抽取出来.并没有很多可以直接拿来就用,搭载整个Web平台的插件库.<br />也许是jQ的UI还在慢慢研发中,或许这样反而提供了更强有力的灵活型,让我们自主的按照不同需求搭配.<br /><br />我今天突然想搞个可配置(XML)使用的,可切换皮肤的,可选择模板的基于jQuery的一套UI.<br />当然,是类似于桌面系统的OA平台.提供大部分常用得功能,可以配置使用,采用AJAX加载数据,提供强大的解决方案.<br /><br />大家有什么意见,我改如何起步.以及注意什么,希望大家给个建议.
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/148277#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Fri, 14 Dec 2007 11:15:47 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/148277</link>
        <guid>http://longleg.javaeye.com/blog/148277</guid>
      </item>
      <item>
        <title>遥控小汽车</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/75946" style="color:red;">http://longleg.javaeye.com/blog/75946</a>&nbsp;
          发表时间: 2007年04月28日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
                  明天是我和女友相识三周年，今天我们相伴去给对方买礼物。<br />
        前两个周年我们都是各自去买然后给对方惊喜，记得第一个周年我给她买的是一本叫做《A Very Long Engagement》的书。<br />
这本书的故事已经由我最喜欢的Jean-Pierre Jeunet导演，由同样我喜欢的Audrey Tautou作为女主角，拍成影片。在我的电脑里。一部让人心灵震撼的电影。由于是法语的在这边找了好久才找到。<br />
<div align="center"><a href="http://image2.sina.com.cn/ent/m/f/2005-01-14/U825P28T3D630728F326DT20050114143806.jpg"><img src="http://image2.sina.com.cn/ent/m/f/2005-01-14/U825P28T3D630728F326DT20050114143806.jpg" alt="" /></a><br />
<img src="http://image2.sina.com.cn/ent/m/f/2005-01-14/U825P28T3D630728F329DT20050114143806.jpg" alt="" /><br />
<img src="http://image2.sina.com.cn/ent/m/f/2005-01-14/U825P28T3D630728F328DT20050114143806.jpg" alt="" /><br />
<div align="left">       这次我们决定一起去买东西，看到什么喜欢的就卖给对方，不再制造惊喜了。呵呵，认识久了，变得现实和使用主意了。<br />
我看中了一个遥控小汽车，比手机还小，但是却非常吸引我，因为它是遥控的，可以任意的随你的意愿移动，而且速度非常快。一下子就吸引主我了。更重要的是价格不费。<br />
<div align="center"><img src="http://img.diytrade.com/cdimg/458979/2691583/0/1157387631.jpg" alt="" /><br />
<div align="left">一看见它我就走不动道了，女友并没有惊奇我这么大了居然还买玩具玩，因为这就是我的风格嘛。不买才是不对呢。谁让我童年缺失呢。本来想买书了，但是还是破格，我已经把买书的事忘的一干二净。回寝室我就开玩，现在我已经会甩尾了，哈哈。<br />
        我不喜欢车，但是我喜欢开车，电脑里都是开车的游戏，没事寝室还一起飚车。<br />
       明天是我们相识三周年，感谢我们的相识........</div>
</div>
</div>
</div>
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/75946#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Sat, 28 Apr 2007 23:12:00 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/75946</link>
        <guid>http://longleg.javaeye.com/blog/75946</guid>
      </item>
      <item>
        <title>关于个人小型桌面富客户web应用的实现</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/72462" style="color:red;">http://longleg.javaeye.com/blog/72462</a>&nbsp;
          发表时间: 2007年04月19日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 增，删，改，查，任何系统所必将拥有的需求，1000元的系统要求实现，1000万元的项目同样要求实现。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 但是我们这里讨论的是&ldquo;个人小型桌面程序&rdquo;。也许仅仅只有几百元钱的好处费，也许仅仅是楼下书店阿姨请你帮忙做的一个小型图书借记系统。然而，麻雀虽小，五脏俱全。 增，删，改，查，不可避免的要去实现。然而就是这么小小的，让你嗤之以鼻的小&ldquo;项目&rdquo;，同样的需要你花费很多经历去写有关 &ldquo;增，删，改，查&rdquo;的代码，虽然需求是那么简单，你还是不可避免的要去操纵数据库，写bean，做页面跳转，虽然可以不用什么框架，但是好像也没少用什么东西，几十万的项目好像也是做这些，只不过是代码量的多少，业务流程的繁琐程度，实体的相关性，安全同步性，稍微要求低了些。当然，它只是一个小小的系统，当然没有那么繁琐的业务流程，但是不可避免的你还是做了很多。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 最近研究jQuery,突发奇想，是否我可以不用数据库呢？那用什么来持久化保存数据呢？是的，XML。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 对于一个小型的桌面web应用程序，也许业务真的仅仅是&ldquo;增，删，改，查&rdquo;。也许数据库仅仅是一张或两张表，而且数据量小的可怜。难道我还要去动用数据库？也许有人要问，这么小的系统做它干嘛，用VB或Delphi不就得了。但是我就想做出来看看，于是一个基于ajax异步请求的富客户小型web系统诞生了。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 先说说优点，所有的业务全部都在一张页面上完成，没有任何的页面跳转，你将不会看到页面刷新，你将不用等待浏览器慢慢的给你解析，所有的一切都在一张页面内实现，这就是ajax的好处，达到了即使更新，异步响应。不用写bean，不用操纵数据库，不用考虑页面跳转，不用考虑繁琐的查找功能。一切将由jQuery为你实现。异步的数据提交，表格的自动排序控件，丰富的富客户体验，jQuery都能帮助你实现。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 再说说缺点，由于数据操纵的是XML，所以无法达到多用户操作的数据同步更新，回滚，和数据操纵权限的控制。但是，我所面对的是单机的小型桌面应用程序，完全的是一个人的操作，所以这个缺点也不再存在。而且使用XML的方便性和数据的格式化操作都弥补了不使用数据库的缺陷。使用JDom操纵XML，让你快速的锁定你想要的。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 实现方式：一张页面，用div布局，隐藏了一些业务。当操纵相关业务时该层会自动展开，比如添加数据后罗列所有数据的层会自动开启，并高亮显示你所新添加的数据，当删除某一条信息时，层的重新载入，你就会发现，你要删的东西真的不见了。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 数据的提交采用ajax异步请求，后台有两个jsp页面，jsp页面操纵java类，使用JDom操纵XML文档。你的数据就即使更新了。查找更是方便，使用jQuery,找到合适的数据，焦点锁定，加上特殊样式，高亮显示它。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 其实我这么做也许有些画蛇添足，这些技术完全是可以应用在大型的富客户web程序上。但是这种开发非常适合小型的个人应用程序。以后再碰到类似的小的项目需求，改一下XML定义，和解析方式，就可以拿去用了。非常适合重用和快速开发。减轻了系统负担。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 想到什么东西我就想去试试，哪怕没有用或是失败，或是被人笑话，但是那个开发的过程，中间的乐趣我却享受到了，一种征服自己的感觉，一种对自己的证明，一种排除寂寞的方式。
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/72462#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Thu, 19 Apr 2007 13:50:55 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/72462</link>
        <guid>http://longleg.javaeye.com/blog/72462</guid>
      </item>
      <item>
        <title>jQuery的ajax实现</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/72230" style="color:red;">http://longleg.javaeye.com/blog/72230</a>&nbsp;
          发表时间: 2007年04月18日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; XMLHTTPRequest主要有两种服务器返回响应消息的格式responseText和responseXML，下面分别针对这两种返回方式使用jQuery实现ajax异步响应。我们以最简单的用户登录来举例。<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;  &nbsp;&nbsp;  第一种responseText格式：<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;  &nbsp;&nbsp;
<div class="code_title">login.jsp 代码</div>
<div class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol class="dp-j" start="1">
    <li class="alt"><span><span>&lt;%@&nbsp;page&nbsp;language=</span><span class="string">&quot;java&quot;</span><span>&nbsp;pageEncoding=</span><span class="string">&quot;gb2312&quot;</span><span>%&gt;&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&lt;%&nbsp;&nbsp;</span></li>
    <li class="alt"><span>String&nbsp;userName&nbsp;=&nbsp;request.getParameter(<span class="string">&quot;userName&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>String&nbsp;password&nbsp;=&nbsp;request.getParameter(<span class="string">&quot;password&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span><span class="keyword">if</span><span>(password.equals(</span><span class="string">&quot;longleg&quot;</span><span>)&amp;&amp;userName.equals(</span><span class="string">&quot;thy&quot;</span><span>)){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;out.print(<span class="string">&quot;OK&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>}<span class="keyword">else</span><span>{out.print(</span><span class="string">&quot;error&quot;</span><span>);}&nbsp;&nbsp;</span></span></li>
    <li class=""><span>%&gt;&nbsp;&nbsp;</span></li>
</ol>
</div>
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;  &nbsp;&nbsp;  <br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;  &nbsp;&nbsp; 上面的代码省略了数据库的调用，这里主要是要体现前台的调用。login.jsp返回的类型为text形式，正确时是&ldquo;OK&rdquo;，错误时是<br />
&ldquo;error&rdquo;。<br />
<div class="code_title">js 代码</div>
<div class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol class="dp-c" start="1">
    <li class="alt"><span><span class="keyword">var</span><span> userName;&nbsp;&nbsp;</span></span></li>
    <li class=""><span><span class="keyword">var</span><span> password;&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span><span class="keyword">var</span><span>&nbsp;result;&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li class=""><span>$(document).ready(<span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#success&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>});&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li class=""><span>$(document).ready(<span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#button&quot;</span><span>).click(</span><span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; userName&nbsp;=&nbsp;$(<span class="string">&quot;#userName&quot;</span><span>).val();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; password&nbsp;=&nbsp;$(<span class="string">&quot;#password&quot;</span><span>).val();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({type:&nbsp;<span class="string">&quot;post&quot;</span><span>,&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;<span class="string">&quot;login.jsp&quot;</span><span>,&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:&nbsp;<span class="string">&quot;html&quot;</span><span>,&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;<span class="string">&quot;</span></span><span><span class="string">userName</span></span><span><span class="string">=&quot;</span><span>+userName+</span><span class="string">&quot;&amp;password=&quot;</span><span>+password,&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;<span class="keyword">function</span><span>(result){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">var</span><span>&nbsp;res&nbsp;=&nbsp;String($.trim(result));&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">if</span><span>(res==</span><span class="string">&quot;OK&quot;</span><span>){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#myTable&quot;</span><span>).hide(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#success&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span class="keyword">else</span><span>&nbsp;</span><span class="keyword">if</span><span>(res==</span><span class="string">&quot;error&quot;</span><span>){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).hide(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span class="keyword">else</span><span>{&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(<span class="string">&quot;返回异常&quot;</span><span>);}&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>});&nbsp;&nbsp;</span></li>
</ol>
</div>
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 第二种responseXML格式：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在实际应用中返回的xml都是用servlet生成的，这里直接访问了已存在的xml。<br />
<div class="code_title">login.xml 代码</div>
<div class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol class="dp-xml" start="1">
    <li class="alt"><span><span class="tag"><span class="tag-name">xml</span><span>&nbsp;</span><span class="attribute">version</span><span>=</span><span class="attribute-value">&quot;1.0&quot;</span><span>&nbsp;</span><span class="attribute">encoding</span><span>=</span><span class="attribute-value">&quot;UTF-8&quot;</span><span>&nbsp;</span><span class="tag">?&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
    <li class=""><span><span class="tag">&lt;</span><span class="tag-name">root</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">status</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">flag</span><span class="tag">&gt;</span><span>001</span><span class="tag"><!--</span--><span class="tag-name">flag</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">reason</span><span class="tag">&gt;</span><span>登录成功&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag"><!--</span--><span class="tag-name">reason</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">status_temp</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;import&nbsp;javax.servlet.http.HttpServletRequest;import&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;javax.servlet.http.HttpServletResponse;import&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;org.apache.struts.action.ActionForm;import&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;org.apache.struts.action.ActionForward;import&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;org.apache.struts.action.ActionMapping;&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag"><!--</span--><span class="tag-name">status_temp</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag"><!--</span--><span class="tag-name">status</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">data</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">count</span><span class="tag">&gt;</span><span>0</span><span class="tag"><!--</span--><span class="tag-name">count</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag"><!--</span--><span class="tag-name">data</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
    <li class=""><span><span class="tag"><!--</span--><span class="tag-name">root</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></span></li>
</ol>
</div>
<br />
<br />
响应是否成功主要是读取flag标签中的文本100为未成功，001为成功。<br />
<div class="code_title">js 代码</div>
<div class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol class="dp-c" start="1">
    <li class="alt"><span><span class="keyword">var</span><span>&nbsp;userName;&nbsp;&nbsp;</span></span></li>
    <li class=""><span><span class="keyword">var</span><span>&nbsp;password;&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span><span class="keyword">var</span><span>&nbsp;result;&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li class=""><span>$(document).ready(<span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#success&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>});&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>$(document).ready(<span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#button&quot;</span><span>).click(</span><span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;UserName&nbsp;=&nbsp;$(<span class="string">&quot;#userName&quot;</span><span>).val();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PassWord&nbsp;=&nbsp;$(<span class="string">&quot;#password&quot;</span><span>).val();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;<span class="string">&quot;post&quot;</span><span>,&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;<span class="string">&quot;login.xml&quot;</span><span>,&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:&nbsp;<span class="string">&quot;xml&quot;</span><span>,&nbsp; <br />
    </span></span></li>
    <li class=""><span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: &quot;yhdh=&quot;+UserName+&quot;&amp;password=&quot;+PassWord,<br />
    </span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;<span class="keyword">function</span><span>(result){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">var</span><span>&nbsp;statusObject&nbsp;=&nbsp;$(</span><span class="string">&quot;status&quot;</span><span>,result);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">var</span><span>&nbsp;flagObject=&nbsp;$(</span><span class="string">&quot;flag&quot;</span><span>,status);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">var</span><span>&nbsp;temp&nbsp;=&nbsp;flagObject.text();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">var</span><span>&nbsp;flagText=&nbsp;$.trim(temp&nbsp;);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">if</span><span>(flagText==</span><span class="string">&quot;001&quot;</span><span>){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#myTable&quot;</span><span>).hide(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#success&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span class="keyword">else</span><span>&nbsp;</span><span class="keyword">if</span><span>(flagText==</span><span class="string">&quot;100&quot;</span><span>){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).hide(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span class="keyword">else</span><span>{&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(<span class="string">&quot;请求异常&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>});&nbsp;&nbsp;</span></li>
</ol>
</div>
<br />
上面对于xml解析使用的是jQuery的遍历对应匹配，在里面也可以使用常用的dom解析方式：<br />
<div class="code_title">js 代码</div>
<div class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol class="dp-c" start="1">
    <li class="alt"><span><span class="keyword">var</span><span>&nbsp;userName;&nbsp;&nbsp;</span></span></li>
    <li class=""><span><span class="keyword">var</span><span>&nbsp;password;&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span><span class="keyword">var</span><span>&nbsp;result;&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li class=""><span>$(document).ready(<span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#success&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>});&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>$(document).ready(<span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#button&quot;</span><span>).click(</span><span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).hide();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;UserName&nbsp;=&nbsp;$(<span class="string">&quot;#userName&quot;</span><span>).val();&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PassWord&nbsp;=&nbsp;$(<span class="string">&quot;#password&quot;</span><span>).val();&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;<span class="string">&quot;post&quot;</span><span>,&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;<span class="string">&quot;login.xml&quot;</span><span>,&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:&nbsp;<span class="string">&quot;xml&quot;</span><span>, <br />
    </span></span></li>
    <li class=""><span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: &quot;yhdh=&quot;+UserName+&quot;&amp;password=&quot;+PassWord, </span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;<span class="keyword">function</span><span>(result){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">var</span><span>&nbsp;yourStatus&nbsp;=&nbsp;result.getElementsByTagName(</span><span class="string">&quot;flag&quot;</span><span>)[0].firstChild.nodeValue;&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">if</span><span>(yourStatus==</span><span class="string">&quot;001&quot;</span><span>){&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#myTable&quot;</span><span>).hide(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#success&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span class="keyword">else</span><span>&nbsp;</span><span class="keyword">if</span><span>(yourStatus==</span><span class="string">&quot;100&quot;</span><span>){&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#error&quot;</span><span>).show(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">&quot;#load&quot;</span><span>).hide(</span><span class="string">&quot;slow&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span class="keyword">else</span><span>{&nbsp;&nbsp;</span></span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(<span class="string">&quot;请求异常&quot;</span><span>);&nbsp;&nbsp;</span></span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</span></li>
    <li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li class=""><span>});&nbsp;&nbsp;</span></li>
</ol>
</div>
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/72230#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Wed, 18 Apr 2007 16:40:13 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/72230</link>
        <guid>http://longleg.javaeye.com/blog/72230</guid>
      </item>
      <item>
        <title>我的第一篇Blog文章</title>
        <author>longleg</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://longleg.javaeye.com">longleg</a>&nbsp;
          链接：<a href="http://longleg.javaeye.com/blog/69626" style="color:red;">http://longleg.javaeye.com/blog/69626</a>&nbsp;
          发表时间: 2007年04月10日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          <p>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 其实两年前就想过写Blog，也尝试过，可是觉得写不出什么东西来，因为那时候都是什么名人在写Blog，再有当时的朋友里写Blog的人几乎没有，所以写起来也没什么动力。更重要的是我一个大老爷们，写一些肉筋筋的个人随笔，还真是有够变态。我是征服不了我自己啊，于是当时的博客计划就搁浅了。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 可是随着时间的推移，发现我开始落后了，我身边的人，越来越多的拥有着自己的Blog，从他们的Blog中我认识了一个个全新的朋友－－原来他\她还有这样的一面。每天无聊时就会看看朋友的Blog，感受着他们的心情。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 更是重要的一点，我现在在实验室里&ldquo;如饥似渴&rdquo;的钻研着我的技术，发现并总结了很多我觉得应该拿出来和大家分享的技术心得。我想没有比这更适合的平台了，于是我决定开始写我的技术Blog，以技术为主，穿插个人生活，今天是2007-4-10.</p>
          <br/><br/>
          <span style="color:red;">
            <a href="http://longleg.javaeye.com/blog/69626#comments" style="color:red;">已有 <strong>0</strong> 人发表留言，猛击-&gt;&gt;<strong>这里</strong>&lt;&lt;-参与讨论</a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Tue, 10 Apr 2007 13:20:42 +0800</pubDate>
        <link>http://longleg.javaeye.com/blog/69626</link>
        <guid>http://longleg.javaeye.com/blog/69626</guid>
      </item>
  </channel>
</rss>