AJAX快速掌握

<html>
  <head>
    <title>MyTest</title>
     <script language="javascript">
        function onclickAjax(){
            var xmlHttp;
	    if(Windows.XMLHttpRequest){
	    	xmlHttp=new XMLHttpRequest();
            }else{
	    //如果不支持XMLHttpRequest则创建ActiveXObject
		xmlHttp=new ActiveXObject();
            }
	    if(null!=xmlHttp){
	    xmlHttp.open("GET",url,true);//是否支持异步,true支持,false不支持,默认是true;
	    xmlHttp.send("Microsoft.XMLHTTP");
            }
            //回调函数
            xmlHttp.onreadystatechange= function(){
             `if(xmlHttp.readyState==4){
                 if(xmlHttp.status==200){
                     document.getElementById("testid").value=xmlHttp.responseText;
               }else{
                     alert("AJAX服务器返回错误!");
               }    
             }	    
 
           }
         }
     </script>
  </head>
  
  <body>
    <!--这里将按钮绑定了一个事件-->
    <input type="button" value="测试" onclick="onclickAjax()">
<div id="testid"> </div> </body></html>

上面就完成一个ajax的请求,具体关于ajax的参数以及返回的意思,这里借了w3school里面解释:
1:创建对象
2:请求

3.响应

4:onreadystatechange 事件

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值