原生JS Ajax调用

最新推荐文章于 2023-05-15 11:59:13 发布

金山老师

最新推荐文章于 2023-05-15 11:59:13 发布

阅读量107

点赞数

文章标签： ajax javascript html 前段 ViewUI

原生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>