原生JS Ajax调用 博客分类： JS脚本 ajaxjavascripthtml前段
程序员文章站
2024-03-07 23:39:27
...
原生JS Ajax调用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 原生JS Ajax调用 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<script type="text/javascript">
<!--
var xmlhttp;
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//alert(xmlhttp)
/***
打开连接 设置参数
参数一：提交方式 POST 或者GET
参数二：请求URL
参数三：是否异步操作，true、false
*/
xmlhttp.open("GET","http://www.baidu.com/s?tn=baiduhome_pg&ie=utf-8&bs=%E5%8E%9F%E7%94%9F+js+ajax&f=8&rsv_bp=1&rsv_spt=1&wd=ajax&rsv_sug3=1&rsv_sug=0&rsv_sug1=1&rsv_sug4=50&inputT=3045",true);
/***
* 发送请求以及数据 send方法可以传送数据
*/
xmlhttp.send();
//当异步调用时设置返回时执行的方法，即回调函数
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
/**
* 把返回的内容直接打印到hmtl页面
* 此处可以写逻辑，录入根据返回的内容进行相应的处理
*/
document.write(xmlhttp.responseText);
}
}
//-->
</script>
</body>
</html>