ajax、xml知识点

1.XMLHttpRequest对象

  open("method","URL""[,asyncFlag[,"userName"[, "password"]]])
    建立对服务器的访问。其中method参数可以使用GET、POST及PUT，URL参数既可以使用绝对地址，也可以使用相对地址，此外还包括与建立连接相关的三个参数
    send(content)  向服务器发送请求

    responseXML  服务器进程返回数据的兼容 DOM 的 XML 文档对象

   ResponseText 服务器进程返回数据的文本，表示为一个字符串

  eg: 用户密码验证

   <script type="text/javascript">   

       var xmlhttpreq = false;    

      function createxmlhttprequest() {

           ...

      }

 

      // 发送请求函数

        function sendRequest(url) {

             createXMLHttpRequest();

             XMLHttpReq.open("GET", url, true);

             XMLHttpReq.onreadystatechange = processResponse;// 指定响应函数

             XMLHttpReq.send(null);  // 发送请求

        }

          // 处理返回信息函数

        function processResponse() {

        if (XM LHttpReq.readyState == 4) { // 判断对象状态

              if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息

                     var res=XMLHttpReq.responseXML.getElementsByTagName("res")[0]. firstChild.data;

                          window.alert(res);               

                     } else { // 页面不正常

                       window.alert(" 您所请求的页面有异常。 ");

                     }

              }

 

  服务器端：

 out.println("<response>");

out.println("<res>" + " 注册失败! 用户名已存在，重新输入用户名 " + "</res>");

 out.println("<response>");

 

2.操作DOM

document 对象：创建和取得element和node对象

element 对象，就是<id/>

node 对象： <element类型> node对象</ element类型 > 

eg: 创建表格

   function addSort() {
          var name = document.getElementById("name ").value;
          if(name == "" ) {
                return;
          }
          var row = document.createElement("tr");
          row.setAttribute("id", name);
          var cell = document.createElement("td");
          cell.appendChild(document.createTextNode(name));
          row.appendChild(cell);

          var deleteButton = document.createElement("input");
          deleteButton.setAttribute("type", "button");
          deleteButton.setAttribute("value", "删除");
          deleteButton.onclick = function () { deleteSort(name); };
          cell = document.createElement("td");
          cell.appendChild(deleteButton);
          row.appendChild(cell);
         
          document.getElementById("sortList ").appendChild(row);
         //清空输入框
          document.getElementById("name").value = "";
      }

   2)操作的对象

     <table border="1" width="400">

            <tr>

                  <td height="20" valign="top" align="center">

                        品牌名称 :

                  </td>

                  <td id="pos_1" height="20">

                        操作

                  </td>

            </tr>

            <tbody id="sortList"></tbody>

      </table>

</table>

   3)触发的语句

                  <input id="name" type="text" size="15">

                  <img src="images/ok.gif" οnclick="addSort();">

 

3.DOM

window 对象：代表一个浏览器窗口的对象；

document 对象：含有当前网页的各种特性，例如标题、背景以及使用的语言等等；

location 对象：含有当前网页的 URL 地址；

history 对象：含有以前访问过的网页的 URL 地址；

form 对象：表单对象代表一个 HTML 表单。 HTML 中一有 <form> 标签，一个表单对象就被建立了；

 

4.XML

XML定义数据，CSS定义其显示的样式.

XSTL 的全称是可扩展的样式表转换语言（即 Extensible Stylesheet Transformation Language ）。它是一种用来转换 XML 文档结构的语言。 将存储的数据转换成一个 HTML 文件，一个 PDF 文件。

XPath 隶属 XSTL ， XPath 就是一种专门用来在 XML 文档中查找信息的语言。 如果将 XML 文档目录文件，XPath就是路径。

xsd（XML Schema Definition) XSD 模式定义了元素、属性以及它们之间的关系。可 验证XML数据格式

  *xml结点类型

       * 元素：元素是 XML 的基本构造模块。通常，元素拥有子元素、文本节点，或两者的组合。元素节点也是能够拥有属性的唯一节点类型。
    * 属性：属性节点包含关于元素节点的信息，但是并不实际认为是元素的孩子，比如在下面的例子中：
      <customerid limit="1000">12341</customerid>
    * 文本：文本节点就是名副其实的文本。它可以由更多信息组成，也可以只包含空白。
    * 文档：文档节点是文档中其他所有节点的父亲

    *CDATA：字符数据（Character Data）的缩写，它包含不应该被解析器分析的信息。
        <[CDATA[<b>Important:   Please keep head and hands inside ride at <i>all times</i>.</b>]]>

     *处理指令：专门针对应用程序的信息。其中一些例子包括要执行的代码或者关于从何处寻找样式表的信息。例如： <? xml-stylesheet type="text/xsl" href="foo.xsl"?>

 

  eg1: 例如在 XML 中有这样的数据 :

<authors>

   <name> 张桂元 </name>

   <name> 贾燕枫 </name>

</authors>

 

如果需要读取对应的作者名字，就可以使用 <xsl:for-each> ，对应的代码片段如下：

<xsl:for-each select="author/name">

……

</xsl:for-each>

其中的 select 属性可以依据名称选定 XML 中特定唯一的标记，也可以选择某一类相同的标记，一般称之为结点集。该语句的标准语法如下：

<xsl:for-each select="pattern" order-by="sort-criteria-list">

 

eg2:

<?xml version="1.0" encoding="utf-8"?>

<xs:schema attributeFormDefault="unqualified" elementFormDefault="qualified"  

  xmlns:xs ="http://www.w3.org/2001/XMLSchema ">

  <xs:element name="authors">

    <xs:complexType>

      <xs:sequence>

        <xs:element maxOccurs="unbounded" name="author">

          <xs:complexType>

            <xs:sequence>

              <xs:element name="au_id" type="xs:string" />

              <xs:element name="name" type="xs:string" />

              <xs:element name="zip" type="xs:unsignedInt" />

              <xs:element name="contract" type="xs:boolean" />

            </xs:sequence>

          </xs:complexType>

        </xs:element>

      </xs:sequence>

    </xs:complexType>

  </xs:element>

</xs:schema>

其对应的XML文件为：

<?xml version="1.0"?>

<authors>

  <author>

    <au_id>172-32-1176</au_id>

    <name>White</ name >

    <zip>94025</zip>

    <contract>true</contract>

  </author>