ajax技术小结
1、关于Ajax:是一种Web 应用程序的技术,不是一种新的编程语言。

2、为什么要使用Ajax呢?传统的Web应用中:要完成前一个请求才能执行后一个频繁刷新页面。
而Ajax就是为了解决以上不足而产生的,它可以不重新加载页面,一句话局部刷新技术吧。
例如:播放器就有这个原理,操作其它的文件时它还是可以正常播放。
3、Ajax强调的是异步发送用户请求,在一个请求的服务器响应还没结束时,可以在次发送请求,这种请求的发送可以使用户获得类似桌面程序的用户体验。
4、传统的web开发技术和Ajax技术的区别:这个其实上面也已经说了。
a、发送请求方式不同。
b、服务器响应不同。
c、客户端处理的响应方式不同。
a.b.c讲的是局部刷新技术胜于全刷重载。
5、其整合了Asynchronous(异步的) javaScript 和Xml 三种技术。
其实ajax技术中主要还是javaScript,借助javascript的XMLHttpRequest对象,将请求发送到服务器返回结果,相当于使用JavaScript进行网页的局部更新,这里的异步指的是javascript脚本发送请求后继续做别的事情,而不必对整个页面实行再次刷新。对于XML是将请求的数据和响应的数据进行封装而已。
CSS用于美化页面样式。
6、XMLHttpRequest的常用方法。
open(请求的方法,url(地址),async(写的是true或false))用来建立服务器链接。
send(一般写null)。
setRequestHeader(header(如编码方式),value)设置请求的头信息。
7、XMLHttpRequest的常用属性。
onreadstatechange(相当于一个事件(状态改变会作出改变)):指定XMLHttpRequest对象的回调函数,它用以下几种状态:
|
0:XMLHttpRequest对象没有完成初始化 1:XMLHttpRequest对象开始发送请求(准备好) 调用open()方法 2:XMLHttpRequest对象的请求发送完成(已完成)调用的是send()方法把其发送到服务器端,但还没用收到回应 3: XMLHttpRequest对象开始读取响应;此时,已接收到HTTP响应头部信息,但是消息体部分还没有完全接收结束 4:XMLHttpRequest对象读取响应结束;此时,响应已经被完全接收 |
status:Http状态码,仅当readyState的值为3或4时,status属性才可用
其状态码如下:
|
200:服务器响应正常 400:无法找到请求的资源 403:没有访问的权限 404:访问的资源不存在 500:服务器内部错误 |
8、responseText:获得响应的文本内容
9、responseXML:获得响应的文档对象
10、实现异步交互的步骤
a、创建XMLHttpRequest对象
b、通过XMLHttpRequest对象设置请求信息
c、向服务器发送请求
d、创建回调函数,根据响应动态更新页面
11、使用Ajax实现自动提示功能
原理是当每输入一个关键字时,便向服务器发送一个请求。服务器端根据用户当前输入的关键字,从数据库中搜索相关字的信息,并返回客户端。
个人动态:复习的下一个目标接下来就结合Ajax的代码来复习和记正则表达式了。
本文来源 我爱IT技术网 http://www.52ij.com/jishu/424.html 转载请保留链接。
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
