ajax基础

AJAX (Ansnchronous javascript and XML) 异步 JavaScript 和 XML。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新
优势:
不需要插件支持
优秀的用户体验 (无刷新更新网页)
提高web程序的性能(即时提交)
减轻服务器与宽带的负担
缺点:
浏览器对XMLHttpRequest的支持不足
破坏浏览器的前进后退按钮的正常功能
对搜索引擎的支持不足(百度爬虫)
开发和调试工具的缺乏
AJAX所包含的技术
ajax并非一种新的技术,而是几种原有技术的结合体
1.使用CSS和XHTML来表示。
2. 使用DOM模型来交互和动态显示。
3.使用XMLHttpRequest来和服务器进行异步通信。
4.使用javascript来绑定和调用。
AJAX 的核心是 XMLHttpRequest 对象。
XMLHttpRequest 对象的三个常用的属性
1. onreadystatechange 属性
代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置
2. readyState 属性
 onreadystatechange 函数添加一条 If 语句,来测试我们的响应是否已完成(意味着可获得数据)
3. responseText 属性
通过 responseText 属性来取回由服务器返回的数据
 
AJAX编程步骤
1 创建XMLHttpRequest对象
2 设置请求方式
3 调用回调函数
4 发送请求
XMLHttpRequest状态码
 0:请求未初始化
 1:服务器已建立
 2:请求处理中
 3:请求处理中
 4:请求已完成,且响应已就绪
GET 还是 POST?
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
  • 无法使用缓存文件(更新服务器上的文件或数据库)
  • 向服务器发送大量数据(POST 没有数据量限制)
  • 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
原文地址:https://www.cnblogs.com/bjyx/p/12033587.html