Ajax的经典示例.docVIP

Ajax的经典示例 来源：web开发 发布日期：2009-6-8 阅读数： 879 Ajax(Asynchronous JavaScript and XML)，使用户在使用Web程序时，不用在来来回回的Post了，可以近乎实时的从客户端收到服务器返回的信息，而无需刷新，极大的非富了用户的操作体验。 XMLHttpRequest对象是Ajax的核心对象 不同的浏览器，建立对象的方式不同这里以IE为例 var request = new ActiveXObject(Microsoft.XMLHTTP) XMLHttpRequest对象的方法和属性： open(request-type,url,asynch,username,password)：建立到服务器的新请求。 request-type 发送请求的类型：get,post,head url 要连接的url asynch 可选参数，如使用异步连接为true，如使用同步连接为false，默认值为true username 可选参数，如果需要身份验证，则可以在此指定用户名，无可选参数 password 可选参数，如果需要身份验证，则可以在此指定口令，无可选参数 send(content)：向服务器发送请求。 content 要发送的内容 abort()：退出当前请求。 readyState：提供当前 HTML 的就绪状态。 0：请求未初始化 1：请求已经建立，但是还没有发送（还没有调用 send()） 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头） 3：请求在处理中，通常响应中已有部分数据可用了 4：响应已完成 status：提供当前HTML的状态码 401：未经授权 403：禁止访问 404：没找到访问页 200：正常 XMLHttpRequest对象的Head请求 取得Response的Header request.getAllResponseHeaders(); request.getResponseHeader(Server); request.getResponseHeader(Connection); request.getResponseHeader(Date); request.getResponseHeader(Content-Length); request.getResponseHeader(Keep-Alive); request.getResponseHeader(X-Cache); request.getResponseHeader(Content-Type); 设置Request的Header request.setRequest(Server) = ; request.setRequest(Connection) = ; request.setRequest(Date) = ; request.setRequest(Content-Length) = ; request.setRequest(Keep-Alive) = ; request.setRequest(X-Cache) = ; equest.setRequest(Content-Type) = ; 一、异步调用的程序示例 script language=JavaScript var request = new ActiveXObject(Microsoft.XMLHTTP); //建立XMLHttpRequest对象 function sendRequest() { url = http://test/test.asp?Name= + Value; //设置要发送的Url，发送的值为键值对 request.open(get,url,true);