Ajax 基础整理
发布时间:2020-12-16 01:57:46 所属栏目:百科 来源:网络整理
导读:AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML) AJAX基础:XMLHttpRequest (IE5 和 IE6使用ActiveXObject) —用于在后台和服务器交换数据。 创建对象: var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+,Firefox,Chrome,Ope
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+,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(); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |