jQuery与JavaScript各自实现AJAX异步请求验证

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

jQuery和JavaScript分别实现AJAX异步请求验证

AJAX概述

1.什么是Ajax?

Ajax是由Jesse James Garrett创造的,是“Asynchronous JavaScript + XML 的简写”。

2.Adaptive Path公司的Jesse James Garrett 这样定义Ajax:

Ajax不是一种新技术,而是一种新的理念。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。

Ajax包含:

基于XHTML和CSS标准的表示;

使用Document Object Model进行动态显示和交互;

使用XMLHttpRequest与服务器进行异步通信;

使用JavaScript绑定一切。

3. 与传统的Web应用不同,AJAX采用异步交互过程。

(1).AJAX在用户与服务器之间引入一个中间媒介,从而消除了网络交互过程中的处理—等待—处理—等待缺点。

(2).用户的浏览器在执行任务时即装载了AJAX引擎。

AJAX引擎用JavaScript语言编写,通常藏在一个隐藏的框架中。

它负责编译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用软件之间的交互过程异步进行,独立于用户与网络服务器间的交流。

现在,可以用Javascript调用AJAX引擎来代替产生一个HTTP 的用户动作,内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。

3.核心对象—XMLHttpRequest,XMLHttpRequest详解参考

/xmldom/dom_http.asp

XMLHttpRequest是XMLHTTP组件的对象,通过这个对象,AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换,而不用每次都刷新界面,也不用每次将数据处理的工作都交给服务器来做;这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。

一、用户名校验服务器返回简单文本数据Ajax实例

1. 页面代码(checkUsername.html)

Html代码

1.

2.

3. "/TR/html4/loose.dtd">

4.

5.

6.用户名校验

7.

8.