AJAX学习笔记
来源:互联网 发布:鹿晗同性倾向 知乎 编辑:程序博客网 时间:2024/06/07 06:09
AJAX
异步的JavaScript和XML实现网页异步请求刷新,不用刷新整个网页。是一种用于创建快速动态网页的技术。
XMLHttpRequest对象
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
所有的现代浏览器都支持XMLHttpRequest对象,如Chrome、Firefox、Opera、Safari等。
//创建XMLHttpRequest对象 var variable = new XMLHttpRequest();
对于IE8之前的IE浏览器,则使用ActiveX对象。
//创建ActiveX对象 var variable = new ActiveXObject("Microsoft.XMLHttp");
为了应对所有的现代浏览器,包括 IE5 和 IE6,应先检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject :
var xmlhttp; if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); }else{ xmlhttp = new ActiveXObject("Microsoft.XMLHttp"); }
向服务器发送请求
使用 XMLHttpRequest 对象的 open() 和 send() 方法向服务器发送请求。
xmlhttp.open("GET","test1.txt",true); xmlhttp.send();
在以下情况中,建议使用 POST 请求:
- 无法使用缓存文件(更新服务器上的文件或数据库)
- 向服务器发送大量数据(POST 没有数据量限制)
- 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
在发送POST请求时,可以通过setRequestHeader()设置请求头的值:
获取响应
如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息。
XMLHttpRequest 对象的三个重要的属性:
阅读全文
0 0
- ajax学习笔记---什么是Ajax
- [ajax 学习笔记] ajax初试
- Ajax学习笔记-Ajax数据格式
- AJAX学习笔记--慕课网Ajax
- Ajax学习笔记(一)
- Ajax学习笔记(二)
- Ajax学习笔记(三)
- Ajax学习笔记(四)
- Ajax学习笔记(五)
- Ajax学习笔记(六)
- Ajax学习笔记
- Ajax 学习笔记(1)
- Ajax 学习笔记(2)
- Ajax 学习笔记(3)
- Ajax Gossip学习笔记
- AJAX学习笔记--从零开始
- Ajax 学习笔记
- ajax学习笔记
- jquery基本选择器
- 分享-struts2的AJAX怎么实现
- C/C++——为什么类的静态成员函数在定义的时候不写static?
- Mybatis工作机制源码分析—SqlSessionUtils.getSqlSession工作机制
- MySQL优化原理
- AJAX学习笔记
- 1.storm问题总结 Could not find leader nimbus from seed hosts [localhost] Did you specify a valid list of
- 最小割——BZOJ1412/Luogu2598 [ZJOI2009]狼和羊的故事
- 图像轮廓生成Freeman码
- MySql高级知识的一些总结
- idea快捷键
- 微服务框架下的思维变化-OSS.Core基础思路
- 数据库性能分析工具
- phpcms V9浏览记录 插件