Ajax 基础整理
来源:互联网 发布:易语言大话西游源码 编辑:程序博客网 时间:2024/06/08 15:55
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)
AJAX基础:XMLHttpRequest (IE5 和 IE6使用ActiveXObject) —用于在后台和服务器交换数据。
创建对象:
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"); }向服务器发送请求:
使用 XMLHttpRequest 对象的 open() 和 send() 方法
xmlhttp.open("GET","test1.txt",true); //规定请求的类型、URL、是否异步处理请求xmlhttp.send(); //将请求发送到服务器 send(string),string:仅用于post请求
GET更简单也更快,所以大部分情况下都使用GET请求。
使用 POST 请求情况:
- 无法使用缓存文件(更新服务器上的文件或数据库)
- 向服务器发送大量数据(POST 没有数量限制)
- 发送包含未知字符的用户输入时, POST 比 GET 更稳定也更可靠
服务器响应:
responseText(获得字符串形式的响应数据)
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
responseXML(来自服务器的响应时XML,需作为XML对象进行解析)
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;onreadystatechange 事件:
在 onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务
xmlhttp.<span style="color:#993300;">onreadystatechange</span>=function() { if (xmlhttp.<span style="color:#993300;">readyState</span>==4 && xmlhttp.<span style="color:#993300;">status</span>==200) //表示响应就绪 { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }实例解析 showHint() 函数:
function showHint(str){var xmlhttp;if (str.length==0) //若输入框为空,则该函数清空 txtHint 占位符的内容 { document.getElementById("txtHint").innerHTML=""; return; }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=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } }xmlhttp.open("GET","gethint.asp?q="+str,true);xmlhttp.send();}
0 0
- Ajax 基础整理
- 整理ajax
- ajax整理
- ajax整理
- 基础整理
- 整理基础
- 基础整理
- Ajax 基础
- Ajax基础
- Ajax基础
- AJAX基础
- AJAX基础
- ajax基础
- ajax基础
- Ajax 基础
- ajax基础
- AJAX基础
- AJAX 基础
- 2015-06-17开始每天做记录,谨记
- Linux基础(四):文本编辑器Vim
- weblogic 9.2线程数调整的三个方法
- 作战仿真 基于 osg 含有态势显示 客户端
- 通过VNC连接到虚拟机上
- Ajax 基础整理
- QoS学习
- DMA介绍和几个问题
- 我的人生我自己决定
- 第15周项目1-用二进制文件处理学生成绩
- 原始字符串字面量
- 二进制文件阅读器
- vim 插件配置博客记录
- 第十五周阅读项目2