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>