一:什么是Ajax
Ajax是(Asynchronous JavaScript And XML)是异步的JavaScript和xml。也就是异步请求更新技术。Ajax是一种对现有技术的一种新的应用,不是一门新语言。它是用JavaScript编写。与xml的关系就是可以读取和返回xml文件。
二:Ajax中的对象和方法说明
Ajax的核心对象就是xmlHttpRequest
XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
1:方法
xmlHttpRequst对象利用send()和open()方法与服务器进行交互。
open(method,url,async)
-
method:请求的类型;GET 或 POST
-
url:文件在服务器上的位置
-
async:true(异步)或 false(同步)
send(string)
如果是post请求,必须使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中设置发送的数据:
2 :属性
readyState
- 0: 请求未初始化
- 1: 服务器连接已建立
- 2: 请求已接收
- 3: 请求处理中
- 4: 请求已完成,且响应已就绪
State
responseText
responseXML
onreadystatechange
- 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
三:Ajax运行原理(为什么要用Ajax)
ajax通过xmlhttpRequest对象执行操作,其中xmlhttpRequest对象是在浏览器中内置的一个对象
其运行原理就相当于创建了一个请求代理,通过代理去完成与服务器的交互,交互的过程中客户不需要等待,还可以进行其它的工作,交互完成以后,代理再将交互的结果返回给客户页面。
第一步:创建xmlHttpRequest对象,每个浏览器的创建不是都相同。
通常情况下为了兼容所有浏览器,每个都要写上。
第二步:设置open()方法和setRequestHeader()方法参数。
将请求方式,请求目的地址,和请求类型设置到open方法中,如果是post请求,则需要设置setRequestHeader()参数
第三步:发送执行
利用send方法,与服务器真正的交互执行
第四步:获得执行结果
首先判断执行是否完成,然后通过js操作dom元素,将返回的responseText返回到页面
四:Ajax实例(焦点离开验证用户是否存在)
利用ajax在焦点离开的时候判断注册的用户是否存在
页面部分代码:
//后台验证方法利用jsp编写
分享到:
相关推荐
ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解
ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解
不错的Ajax教程,大家可以下来看看,不错的Ajax教程,大家可以下来看看不错的Ajax教程,大家可以下来看看不错的Ajax教程,大家可以下来看看
JavaScript 之Ajax详解JavaScript 之Ajax详解JavaScript 之Ajax详解
ajax详解.pdf 用ajax做的一个注册页面的ajax的示例,学习怎么使用ajax
《Ajax 详解》电子书 chm 《Ajax 详解》电子书 chm格式,是《四天学会Ajax》一书扩展,更加详细的讲述Ajax的方方面面。 内容简要给大家说明一下:Ajax简介、使用JavaScript和Ajax发出异步请求、Ajax中的高级请求...
AJAX基础,里面有多个例子,详细的介绍了AJAX后台及前台的交互。
达内培训集团的CTO写的 ajax详解 适合入门学习的
struts2+ajax详解pdf清晰struts2+ajax详解pdf清晰struts2+ajax详解pdf清晰struts2+ajax详解pdf清晰
Ajax详解书中源代码,由浅入深,值得一学!
AJax详解,里面有详细的例子介绍
第 1 部分:Ajax 简介 第 2 部分:: 使用 JavaScript 和 Ajax 发出异步请求 第 3 部分: Ajax 中的高级请求和响应 第 4 部分: 利用 DOM 进行 Web 响应 第 5 部分: 操纵 DOM 第 6 部分: 建立基于 DOM 的 Web 应用程序 第...
ajax安装详解
AJAX.CHM
ajax教程 javascript dom XMLHttpRequest json
本系列的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。 五年前,如果不...
ajax详解,pdf格式,全面阐述了ajax前台后台的如何交互,非常适合新手。
讲诉ajax的教程,ppt格式,使用起来比较方便,讲解的不错,包括ajax技术的使用原理,方法等。