原生JS Ajax调用
原生JSAjax调用
<!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> 相关推荐
lyqdanang 2020-08-16
坚持着执着 2020-06-16
TONIYH 2020-06-05
kentrl 2020-11-10
结束数据方法的参数，该如何定义？-- 集合为自定义实体类中的结合属性，有几个实体类，改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07