Ajax

一、什么是Ajax

Ajax:(Asynchronous JavaScript And XML)指异步JavaScrip及XML,
它不是一种新的编程语言,而是一种用于创建更快更好以及交互性更强的web应用程序技术是基于JavaScript、XML
HTML、CSS的新用法
AJava:只刷新局部页面的技术

JavaScript:更新局部网页

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

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

CSS:美化页面样式

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

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

构造方法

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



方法

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

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

     setRequestHeader()

    属性

readyState:类型short;只读

responseText:类型String;只读

responseXML:类型Document;只读

status:类型short;只读

事件处理器

onreadystatechange

二、常用方法

方法名

说    明

open(method,URL,async)

建立与服务器的连接

method参数指定请求的HTTP方法,典型的值是GETPOST

URL参数指请求的地址

async参数指定是否使用异步请求,其值为truefalse

send(content)

发送请求

content参数指定请求的参数

setRequestHeader(header,value)

设置请求的头信息 


三、常用属性

l onreadystatechange:指定回调函数

readyState: XMLHttpRequest的状态信息

就绪状态码

说    明

0

XMLHttpRequest对象没有完成初始化

即:刚刚创建。

1

XMLHttpRequest对象开始发送请求

调用了open方法,但还没有调用send方法。请求还没有发出

2

XMLHttpRequest对象的请求发送完成

send方法已经调用,数据已经提交到服务器,但没有任何响应

3

XMLHttpRequest对象开始读取响应,还没有结束

收到了所有的响应消息头,但正文还没有完全收到

4

XMLHttpRequest对象读取响应结束

一切都收到了




l status:HTTP的状态码 

状态码

说    明

200

服务器响应正常

400

无法找到请求的资源

403

没有访问权限

404

访问的资源不存在

500

服务器内部错误


 responseText:获得响应的文本内容 

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

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

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

1、使用文本框的onBlur事件

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

a) 创建XMLHttpRequst对象

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

c)向服务器发送请求

d)创建回调方法,根据响应状态动态更新页面

四、案例:实现邮箱的验证

my.js


register.jsp



servlet


五、案例2:搜索

1、编写显示数据容量div

2、实现ajax响应数据

//创建XMLHttpRequst对象

//通过事件调用回调函数处理响应事件结果

//创建一个服务器连接

//发送请求














评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值