AJAX异步交互

最新推荐文章于 2024-07-30 10:56:44 发布

不吃午饭杜紫藤

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量234

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_39153706/article/details/108695575

版权

AJAX异步交互

什么是 AJAX ？
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

AJAX异步交互应用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="">
			
		</div>
	</body>
</html>
<script type="text/javascript">
    //1.创建异步请求对象
    //var xmlhttp = new XMLHttpRequest();
    var xmlhttp;
    if(window.XMLHttpRequest){
        xmlhttp = new XMLHttpRequest();
    }
    //2.向服务器发送请求
	//3.如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
	//参数1：请求方式GET POSST  参数2：后台的接口 参数3：是否异步请求 true 就是异步请求
    xmlhttp.open("GET","https://autumnfish.cn/api/joke/list?num=5",true)
    //发送请求
	xmlhttp.send();
	//服务器响应
	//如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
	//在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
	//当 readyState 等于 4 且状态为 200 时，表示响应已就绪：
  
    xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			//document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
			//接收后台响应的JSON字符串
			var jsonStr=xmlhttp.responseText;
			var jsonObj=JSON.parse(jsonStr);
			for (var i = 0; i < jsonObj.jokes.length; i++) {				
				document.write(jsonObj.jokes[i]+"<br>"+"<br>");
			}
		}
	}
</script>

结果：

今天坐高铁回家注意到身边一名男子，他穿得干净、得体，脸庞留下少许岁月痕迹。 他忧郁的眼神，时而静静望窗外，像是思考过往人生；时而双眼微闭，让疲倦的身体有片刻歇息。 根据个人多年行为模式研究、心理学观察及社会经验判断——――这人十有八九是手机没电了。

我老婆很凶,有一次坐公交车遭遇了小偷，老婆立刻霸气外露，就两字：“拿过来!”小偷乖乖地还了五十块。老婆吼道：“还有！”小偷一愣，又乖乖掏出一百块块。下车后，老婆突然想起，自己出门其实只带了五十块钱。

前段时间禁不起诱惑把一个月的工资都投进了P2P。今天我发现网站登录不上，就疯狂联系客服。终于还联系上了，我赶紧问：“你们平台跑路了吗？”客服答道：“是的，先生，请问还有什么可以帮助您的吗？”我。。。

根据一个人的车，我们就能看出这个人是什么样的。比如：如果它在沟里，它就是女人的车。

今天看到老婆在睡午觉，看她汗出的很厉害，于是帮她开了空调，自己出去打麻将了。。。 就刚刚她打电话了问我谁开的暖风，我回去她会不会打死我啊？！！！

不吃午饭杜紫藤

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
AJAX异步交互

AJAX异步交互什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。AJAX异步交互应用<!DOCTYPE html><ht
复制链接

扫一扫