ajax中get请求实例解析

<html>

<head>

<script type="text/javascript">

function loadXMLDoc()

{

var xmlhttp;   //创建xmlhttprequest对象;

if (window.XMLHttpRequest)//检查浏览器是否支持创建xmlhttprequest.对象

  {// 新版浏览器 IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();//如果支持,则创建xmlhttprequest对象

  }

else      //如果不支持,则创建ActiveXobject对象

扫描二维码关注公众号,回复: 9915221 查看本文章

  {// 老版浏览器 IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//"Microsoft.XMLHTTP"为参数(针对微软浏览器)

  }           //JavaScript中ActiveXObject对象是启用并返回 Automation(服务器) 对象的引用

xmlhttp.onreadystatechange=function()

  {           //state==4,该状态码表示已经接受到了全部响应数据;

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {         //status : 响应的HTTP状态,一般HTTP状态代码为200则表示请求服务器成功;

    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

    }           // responseText:作为响应主体被返回的文本

  }

//在请求服务器之前的准备工作

/*

  第一个参数: 表示请求方式(get请求/post请求)

  第二个参数: 请求的URL,服务器地址,域名(ip和端口)必须和本html文件所在的域名(ip和端口)一致

  第三个参数: 表示是否采用异步请求(false表示同步,true表示异步)

 */                              // url 参数是服务器上文件的地址:

xmlhttp.open("GET","/ajax/demo_get.asp",true);

xmlhttp.send();   //向服务器发送请求,并接受一个参数,作为请求主体发送的数据;(可为空或为null)

}

</script>

</head>

<body>

<h2>AJAX</h2>

<button type="button" οnclick="loadXMLDoc()">请求数据</button>

<div id="myDiv"></div>

</body>

</html>

发布了16 篇原创文章 · 获赞 0 · 访问量 656

猜你喜欢

转载自blog.csdn.net/Helios32/article/details/101770021