猿问

请教一下AJAX是什么?如何在JavaScript中使用?

AJAX是什么?如何在JavaScript中使用?


噜噜哒
浏览 665回答 3
3回答

狐的传说

AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML。通常当JavaScript向服务器发送请求获取数据时,服务器会返回数据。在传统没有使用AJAX的网页中,需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。使用AJAX主要分三部分:1、 创建请求的变量。2、 为请求添加事件处理代码。3、 配置发送请求。【AJAX举例】12345678910111213141516var myRequest;if (window.XMLHttpRequest) {  myRequest = new XMLHttpRequest();} else if (window.ActiveXObject) { myRequest = new ActiveXObject("Microsoft.XMLHTTP");}myRequest.onreadystatechange = function(){console.log("匿名函数被调用!");console.log(myRequest.readyState);if (myRequest.readyState === 4) {var p = document.createElement("p");var t = document.createTextNode(myRequest.responseText);p.appendChild(t);document.getElementById("mainContent").appendChild(p);}};myRequest.open('GET', 'simple.txt', true);myRequest.send(null);

Cats萌萌

AJAX核心是内置对象XMLHttpRequest对象,通过这个对象发送请求到其它网页,再返回一个值.举个例子:有一个网页aa.htm<html><body><script language="javascript">var XHR;function createXHR(){if(window.XMLHttpRequest){XHR=new XMLHttpRequest();}else{XHR=new ActiveXObject("Microsoft.XMLHTTP");}}//先创建一个XMLHttpRequest对象function showMsg(){createXHR();XHR.open("post","bb.htm");//设置一个请求,向bb.htm发送请求.XHR.onreadystatechange=showMsgCallback;//设置回调函数XHR.send(null);//不传递参数}function showMsgCallback(){if(XHR.readyState==4){if(XHR.status==200){var text=XHR.responseText;//得到一个返回值(从bb.htm那里得到hello world)document.getElementById("msg").innerHTML=text; //输出hello world这句话}}}</script><input type="button" onclick="showMsg()" value="调用"><span id="msg"></span></body></html>bb.htm这个网页只设置这一句话:hello world另外,补充一句:AJAX只能运行在服务器,在JSP,PHP。。。中都可以运行
随时随地看视频慕课网APP
我要回答