ajax xmlHttpRequest get post-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_11858/article/details/82524974

本文介绍了一个使用JavaScript实现的异步加载XML数据的方法。通过XMLHttpRequest对象发送GET请求来获取外部URL的内容，并在数据加载完成后更新网页元素。文章详细展示了如何处理不同浏览器的兼容性问题，并提供了一个完整的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for all new browsers
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE5 and IE6
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=state_Change;
  xmlhttp.open("GET",url,true);//true 表示异步。
  xmlhttp.send(null);//null 表示无参数提交到后台  
  //如果不为null  则代表是POST提交 
  // xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8;");
  // xmlhttp.send("name="+userName+"&userId="+userId);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}

function state_Change()
{
if (xmlhttp.readyState==4)
  {// 4 = "loaded"
  if (xmlhttp.status==200)
    {// 200 = OK
    // ...our code here...
	Dispaly(); //所有状态成功，执行此函数，显示数据
	//  document .getElementById ("myTime").innerHTML =xmlhttp.responseText;
    }
  else
    {
    alert("Problem retrieving XML data");
    }
  }else //请求状态还没有成功，页面等待
  {
		document .getElementById ("myTime").innerHTML ="数据加载中";
  }
}
 function Dispaly() //接受服务端返回的数据，对其进行显示
{
	document .getElementById ("myTime").innerHTML =xmlhttp.responseText;
}
</script>