完整的AJAX的GET请求--

来源：互联网发布：中国软件行业协会会费编辑：程序博客网时间：2024/05/29 08:20

<!DOCTYPE html><html  ><head><meta charset="utf-8"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>AJAX测试</title></head><body><script>//alert(66);function go(){var xhr;if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixhr=new XMLHttpRequest();  }else{  // code for IE6, IE5  xhr=new ActiveXObject("Microsoft.XMLHTTP");  } //alert(xhr); //2.请求方式，GET,POST，URL，TRUE //要查看状态的值，0，刚创建AJAX对象1,已经调用了OPEP方法，2=已经调用SEND方法3,//4-AJAX请求完成，数据返回完整 //设置AJAX设置事件 xhr.onreadystatechange = function(){if(xhr.readyState==4){  //状态等于4的时候返回值//console.log(xhr.responseText);//onreadystatechange  事件//把服务器返回的信息显示到页面上document.getElementById('result').innerHTML = xhr.responseText;  } } xhr.open('get','__APP__/Oth/doajax/name/lisa111111111222',true); //3.发送请求，send方法，xhr.send(null); }</script><div class="content"><h3>AJAX测试 16-10-03 16:43</h3><input type="button"  value="测试AJAX" onclick="go();" /><div id="result">ooo </div></div></body></html>

0 0