04-使用XMLHttpRequest对象发送和接收数据2015.docVIP

XMLHttpRequest常用方法（红色为常用的方法）：abort() 停止当前请求getAllResponseHeaders() 返回包含HTTP请求的所有响应头信息，其中响应头包括Content-Length,Date,URI等内容。返回值是一个字符串，包含所有头信息，其中每一个键名和键值用冒号分开，每一组键之间用CR和LF（回车加换行符）来分隔 getResponseHeader(String header) 返回HTTP请求的响应头中指定的键名header对应的值 open(String method,String url,boolean asynch,String username,String password) 建立对服务器的调用。其中method表示HTTP调用方法。一般使用“GET”，“POST”，url表示调用的服务器的地址，asynch表示是否采用异步方式，true表示异步，后两个参数可以不指定，username和password分别表示用户名和密码，提供http认证机制需要的用户名和密码 send(content) 向服务器发出请求，如果采用异步方式，该方法会立即返回。Content可以不指定，其内容可以是DOM对象，输入流或是字符串。 setRequestHeader(String header,String value) 设置HTTP请求中的指定首部header的值为value。此方法需在open方法以后调用。 onreadystatechange 请求状态改变的事件触发器（readyState变化时会调用此方法）。通常是一个javascript函数 readyState 请求状态0=未初始化。1=open方法成功调用以后。2=服务器已经应答客户端的请求。3=交互中。Http头信息已经接收，响应数据尚未接收。4=完成。数据接收完成。 responseText 服务器返回的文本内容responseXML 服务器返回的兼容DOM的XML内容status 服务器返回状态码。200表示“成功”，404表示“未找到”statusText 服务器返回状态码的文本信息。 GET和POST的区别：“GET”和“POST”的一个重要区别在于，“GET”方式传递给服务器的信息一般以后缀参数方式存在于URL地址中，而URL的长度通常都有限制，这也就限制了“GET”方式传递给服务器的内容大小而“POST”方式传递给服务器的信息并不位于URL地址中，所以没有大小限制。通常我们在服务器端的Servlet中，doGet和doPost做的是一样的工作，因此由于POST传递信息没有大小限制，我们实际应用中比较多的会使用POST。 ajax1.html：!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtdhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title用户名校验ajax实例/titlescript type=text/javascript src=jslib/verifyown.js/script /headbody!-- 基于标准的一些好习惯，首先标签名要小写，其次标签必须关闭，第三属性名必须是小写的，第四属性值必须位于双引号中 -- 用户名校验的ajax实例，请输入用户名：br/!-- ajax方式下不需要使用表单来进行数据提交，因此不用写表单标签 --!-- ajax方式不需要name属性，需要一个id的属性 --input type=text id=userName / input type=button value=校验 onclick=verify() /!-- 这个div用于存放服务器端返回的信息，开始为空 --!-- id属性定义是为了利用dom的方式找到某一个节点，进行操作 --div id=result/div /body/html verifyown.js：//用户名校验的方法//这个方法将使用XMLHTTPRequest对象来进行AJAX的异步数据交互var xmlhttp;function verify() {//0.使用dom的方式获取文本框中的值//document.getElementById(userName)是dom中获取元素节点的一种方法，一个元素节点对应HTML页面中的一个标签，例如input//.value可以获取一个元素节点的value属性值var userName = document.ge