ajax(二)笔记

最新推荐文章于 2024-08-30 12:59:36 发布

ranran_sun

最新推荐文章于 2024-08-30 12:59:36 发布

阅读量129

点赞数

分类专栏： Ajax 文章标签： ajax onreadystatechange事件利用回调函数执行多个ajax任务

本文链接：https://blog.csdn.net/ranran_sun/article/details/79385588

版权

Ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

XMLHttpRequest对象发送请求结束，要服务器响应，这里详细介绍：http://www.runoob.com/ajax/ajax-xmlhttprequest-response.html

获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性

onreadystatechange事件：

利用回调函数执行多个ajax任务

<!DOCTYPE html>
<html>
<head>
<script>
var xmlhttp;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
  {// IE7+, Firefox, Chrome, Opera, Safari 代码
  xmlhttp=new XMLHttpRequest();
  }
else
  {// IE6, IE5 代码
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction()
{
	loadXMLDoc("/try/ajax/ajax_info.txt",function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		}
	});
}
</script>
</head>
<body>

<div id="myDiv"><h2>使用 AJAX 修改文本内容</h2></div>
<button type="button" οnclick="myFunction()">修改内容</button>

</body>
</html>

ranran_sun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax(二)笔记

XMLHttpRequest对象发送请求结束，要服务器响应，这里详细介绍：http://www.runoob.com/ajax/ajax-xmlhttprequest-response.html获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性onreadystatechange事件：利用回调函数执行多个ajax任务&lt...
复制链接

扫一扫

专栏目录