Ajax入门

来源:互联网 发布:淘宝免费模块代码 编辑:程序博客网 时间:2024/04/30 13:26

AjaxAsynchronous JavaScript And XML:指异步javaScript及XML

不是新的编程语言,而是一种用于创建更好更快以及交互性更强的web应用程序的技术,是基于javaScript,XML ,HTML ,CSS新用法


Ajax:只刷新局部页面的技术

javaScript:更新局部的网页

XML:一般用于请求数据和响应数据的封装

XMLHttpRequest对象:发送请求到服务器并获得返回结果

CSS:美化页面样式

异步:发送请求后不等返回结果,由回调函数处理结果


javaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力。

构造方法:

不同浏览器,甚至相同浏览器的不同版本,获取该对象的方式是不同的。


方法:

open()       “get|post”        , “url?name=tom”     ,“true|false"

send()        发送请求。可以带参数或者null


setRequestHeader()

属性:

          readyState:类型    short ; 只读

          responseText:类型     String  ;    只读

          responseXML:类型     Document  ; 只读

事件处理器:

Onreadystatechange



常用方法:

   


常用属性:

onreadystatechange:指定回调函数

readyState:XmlHttpRequest的状态信息



status:HTTP的状态码


responseText:获得响应的文本内容

responseXML:获得响应的XML文档对象document

注意:就绪状态是4而且状态码是200,才可以处理服务器数据


使用Ajax验证用户名是否存在的实现步骤:

1.使用文本框的onBlur事件

2.使用Ajax技术实现异步交互

(a)创建XMLHttpRequest对象

(b)通过XMLHttpRequest对象设置请求信息

(c)向服务器发送请求

(d)创建回调函数,根据响应状态动态更新页面






0 0
原创粉丝点击