ajax_Get请求

来源:互联网 发布:杭州 政府网站 建站 编辑:程序博客网 时间:2024/05/15 01:53
<!DOCTYPE html>
<html>
<head>
<title>ajax Get请求</title>


</head>
<body>
     <div class="show">
     
     </div>
</body>
<script type="text/javascript">
var showDiv=document.getElementsByClassName('show')[0];
//创建ajax对象(XMLHttpRequest对象)
var ajax=new XMLHttpRequest();
//判断如果ajax对象是否加载完毕
ajax.onload=function(){
//后台传过来的数据
var data=ajax.responseText;
console.log(data);
showDiv.innerHTML=data;
}
  //发送请求 
   //ajax.open 第一个参数请求方式 第二个参数后台地址 第三个参数是否异步
   //地址后拼接随机数 为了避免get缓存问题
  ajax.open('GET','http://localhost/AJAX/php/get.php?name=yufei&age=18$'+Math.random(),true);
  ajax.send();
</script>
</html>
原创粉丝点击