JS AJAX
2015-08-02 21:29
671 查看
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
一、简介
AJAX=异步 JabaScript和XML。
AJAX是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
二、创建对象
XMLHttpRequst是AJAX的基础,简称XHR。
创建XHR对象的语法:
三、发送请求
向服务器发送请求,我们使用XHR对象的Open()和send()方法。
GET和POST
从性能上来讲POST请求比GET请求消耗更多一些,用相同数据比较,GET最多比POST快两倍。所以,GET的使用频率要比POST高。然后在一些情况下需要使用POST请求:
1、无法使用缓存文件(更新服务器上的文件或数据库)
2、向服务器发送大量数据(POST没有数据量限制)
3、发送包含未知字符的用户输入时,POST比GET更稳定也更可靠。
url-服务器上的文件
open()方法的url参数是服务器上文件的地址。该文件可以是任何类型的文件,比如.txt和.xml,或者服务器脚本文件,比如.asp和.php。
异步-True或False?
AJAX指的是异步JavaScript和XML(Asynchronous JavaScript and XML)。
XMLHttpRequest对象如果要用于AJAX的话,其open()方法的async参数必须设置为true.
当使用async=true时,规定在响应处于onreadystatechange事件中的就绪状态时执行的函数。我们不推荐使用async=false,但是对于一些小型的请求,也是可以的。
四、响应
如需获得来自服务器的响应,应使用XMLHttpRequest对象的responseText或responseXML属性。
如果来自服务器的响应并非XML,使用responseText属性。
如果来自服务器的响应是XML,而且需要作为XML对象进行解析,使用responseXML属性。
小结:
对于AJAX先有一个宏观的把控,然后再具体地细分知识点进行梳理。学习就是这样一个宏观与细节并重的过程。对于AJAX的学习仅是一点基础与入门。更多的内容请点击:
http://www.w3school.com.cn/ajax/index.asp
一、简介
AJAX=异步 JabaScript和XML。
AJAX是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
二、创建对象
XMLHttpRequst是AJAX的基础,简称XHR。
创建XHR对象的语法:
var xhr=new XMLHttpRequest();
三、发送请求
向服务器发送请求,我们使用XHR对象的Open()和send()方法。
GET和POST
从性能上来讲POST请求比GET请求消耗更多一些,用相同数据比较,GET最多比POST快两倍。所以,GET的使用频率要比POST高。然后在一些情况下需要使用POST请求:
1、无法使用缓存文件(更新服务器上的文件或数据库)
2、向服务器发送大量数据(POST没有数据量限制)
3、发送包含未知字符的用户输入时,POST比GET更稳定也更可靠。
url-服务器上的文件
open()方法的url参数是服务器上文件的地址。该文件可以是任何类型的文件,比如.txt和.xml,或者服务器脚本文件,比如.asp和.php。
异步-True或False?
AJAX指的是异步JavaScript和XML(Asynchronous JavaScript and XML)。
XMLHttpRequest对象如果要用于AJAX的话,其open()方法的async参数必须设置为true.
当使用async=true时,规定在响应处于onreadystatechange事件中的就绪状态时执行的函数。我们不推荐使用async=false,但是对于一些小型的请求,也是可以的。
四、响应
如需获得来自服务器的响应,应使用XMLHttpRequest对象的responseText或responseXML属性。
如果来自服务器的响应并非XML,使用responseText属性。
如果来自服务器的响应是XML,而且需要作为XML对象进行解析,使用responseXML属性。
小结:
对于AJAX先有一个宏观的把控,然后再具体地细分知识点进行梳理。学习就是这样一个宏观与细节并重的过程。对于AJAX的学习仅是一点基础与入门。更多的内容请点击:
http://www.w3school.com.cn/ajax/index.asp
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- js可突破windows弹退效果代码
- Dom在ajax技术中的作用说明
- JSP脚本漏洞面面观
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 探讨Ajax中同步与异步之间的区别
- 爆炸式的JS圆形浮动菜单特效代码
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- Ajax中浏览器和服务器交互详解
- ajax实现点击不同的链接让返回的内容显示在特定div里
- ajax 动态传递jsp等页面使用id辨识传递对象
- AJAX简单应用实例-弹出层
- js select常用操作控制代码