码迷,mamicode.com
首页 > Web开发 > 详细

ajax原生实现

时间:2019-04-26 15:04:02      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:button   获得   创建   对象   on()   stat   onclick   status   alert   

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
  function sendRequest(){
    //js的Ajax访问
    //1)创建Ajax引擎对象
    var xmlhttp = new XMLHttpRequest();
    //2)为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎)
    xmlhttp.onreadystatechange = function(){
      if(xmlhttp.readState == 4 && xmlhttp.status == 200){
        //5)接收响应数据
        //获得服务器端返回给引擎对象的数据
        alert(xmlhttp.responseText);
      }
    }
    //3)绑定提交地址
    //请求方式:GET
    //地址:url
    //同异步:true异步,false同步
    xmlhttp.open("GET", "AjaxDemo/ajaxServlet", true);
    //4)发送请求
    xmlhttp.send();
  }
</script>
</head>
<body>
  <input type="button" value="ajax异步访问服务器端" onclick="sendRequest()">
</body>
</html>

                                                                 2019-04-26

                                                              再完美的程序都会存在漏洞!

                                                                     ——深海藏有溺亡之鱼

ajax原生实现

标签:button   获得   创建   对象   on()   stat   onclick   status   alert   

原文地址:https://www.cnblogs.com/yanjb/p/10774117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!