javascript 中的ajax怎么用?
3个回答
展开全部
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。。。中都可以运行
举个例子:有一个网页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。。。中都可以运行
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询