AJAX快速掌握

发布时间：2020-12-16 01:54:33 所属栏目：百科来源：网络整理

导读：html head title MyTest / script language ="javascript" function onclickAjax(){ var xmlHttp; if(Windows.XMLHttpRequest){ xmlHttp=new XMLHttpRequest() ; }else{ // 如果不支持XMLHttpRequest则创建ActiveXObject xmlHttp=new ActiveXObject(); } if

<html>
  head>
    title>MyTest</>
     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>
  
  body>

    <!--这里将按钮绑定了一个事件-->

    <input type="button" value="测试" onclick="onclickAjax()">
    div id="testid">    div>  >>

上面就完成一个ajax的请求,具体关于ajax的参数以及返回的意思，这里借了w3school里面解释：

1:创建对象

2：请求

3.响应

4:onreadystatechange 事件

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!