Ajax笔记
来源:互联网 发布:ise软件和vivado软件 编辑:程序博客网 时间:2024/05/21 10:34
AJAX - 创建 XMLHttpRequest 对象
var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
AJAX - 向服务器发送请求
GET 请求
xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);xmlhttp.send();
POST 请求
xmlhttp.open("POST","ajax_test.asp",true);xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");xmlhttp.send("fname=Bill&lname=Gates");
AJAX - 服务器响应
如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
xmlDoc=xmlhttp.responseXML;txt="";x=xmlDoc.getElementsByTagName("ARTIST");for (i=0;i<x.length;i++) { txt=txt + x[i].childNodes[0].nodeValue + "<br />"; }document.getElementById("myDiv").innerHTML=txt;
AJAX - onreadystatechange 事件
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange 事件。
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
- 0: 请求未初始化
- 1: 服务器连接已建立
- 2: 请求已接收
- 3: 请求处理中
- 4: 请求已完成,且响应已就绪
200: "OK"
404: 未找到页面
当 readyState 等于 4 且状态为 200 时,表示响应已就绪:
xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }
使用 Callback 函数
var xmlhttp;function loadXMLDoc(url,cfunc){if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }xmlhttp.onreadystatechange=cfunc;xmlhttp.open("GET",url,true);xmlhttp.send();}function myFunction(){loadXMLDoc("/ajax/test1.txt",function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } });}
0 0
- Ajax理解-ajax笔记
- AJAX笔记
- AJAX笔记
- Ajax笔记
- ajax笔记
- Ajax笔记
- Ajax笔记
- ajax笔记
- ajax笔记
- AJAX笔记
- Ajax笔记
- ajax--笔记
- ajax笔记
- ajax笔记
- Ajax笔记
- Ajax笔记
- Ajax 笔记
- ajax笔记
- 在C/C++中的inline介绍和用法
- 如何让MathType与Origin兼容
- linux环境搭建ftp服务以及遇到的问题总结:上传不成功,ftp:connection refused等等
- Android开源特效常用链接大集合
- 开源公司黄页之 Twitter 开源软件推荐
- Ajax笔记
- RxJava 驯服数据流之高级错误处理
- Swing实现五子棋
- 深入分析JavaWeb servletConfig 与servletContext
- Android Universal Image Loader 磁盘缓存分析
- java实现Huffman树
- fighting
- PSobj [11]帮朋友做的建筑作品集封面
- Nutanix