Jscript之Ajax1

最新推荐文章于 2024-07-22 15:13:59 发布

qq_41734077

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量110

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/qq_41734077/article/details/109163444

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Ajax简介
AJAX不是新的编程语言，而是一种使用现有标准的新方法。AJAX是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
什么是AJAX？
AJAX=异步Javascript和XML
AJAX是一种用于创建快速动态网页的技术
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
原生Ajax的使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" onclick="sendRequest()">点击发送</button>
	</body>
</html>
<script type="text/javascript">
	//1.创建Ajax对象 XMLHttpRequest对象
	var xmlhttp=new XMLHttpRequest();
	function sendRequest(){
	//2.请求后台，向服务器发送请求
	//打开连接
	//true表示的异步请求
	xmlhttp.open("GET",http://wthrcdn.etouch.cn/weather_mini?city=西安", true);
	//发送
	xmlhttp.send();
	//3.接收后台返回的JSON数据
	//如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 。
	//当readyState等于4且状态为200时，表示响应已就绪
	xmlhttp.onreadystatechange=function(){
	if(xmlhttp.readyState==4&&xmlhttp.status==200){
		//xmlhttp.responseText；接收后台响应的json数据
		var JsonStr=xmlhttp.responseText;
		var JsonObj=JSON.parse(JsonStr);
		alert(JsonObj.desc);
		}
	}
}
</script>

qq_41734077

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jscript之Ajax1

Ajax简介AJAX不是新的编程语言，而是一种使用现有标准的新方法。AJAX是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。什么是AJAX？AJAX=异步Javascript和XMLAJAX是一种用于创建快速动态网页的技术通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。原生Ajax的使用<!DOCTYPE .
复制链接

扫一扫