AJAX JSON

最新推荐文章于 2024-10-16 17:12:29 发布

代号:码农

最新推荐文章于 2024-10-16 17:12:29 发布

阅读量110

点赞数

文章标签： json ajax javascript

本文链接：https://blog.csdn.net/2201_75624160/article/details/128863654

版权

什么是 JSON ？

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）

JSON 是轻量级的文本数据交换格式

JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。

JSON 具有自我描述性，更易理解

JSON 语法规则

JSON 语法是 JavaScript 对象表示语法的子集。

数据在名称/值对中

数据由逗号 , 分隔

使用斜杆 \ 来转义字符

大括号 {} 保存对象

中括号 [] 保存数组，数组可以包含多个对象

JSON.parse()

JSON.parse() 方法将数据转换为 JavaScript 对象。

JSON.stringify()

JSON.stringify() 方法将 JavaScript 对象转换为字符串。

AJAX JSON 实例

<script>
			var btn = document.getElementById("btn");
			btn.onclick=function(){
				//创建ajax对象 XMLHttpRequest
				var http = new XMLHttpRequest;
				//加载异步
				http.open("get","2.json",true);
				//获取响应
				http.onreadystatechange=function(){
					//判断状态是否正常
					if(http.status==200&http.readyState==4){
						var objest = JSON.parse(http.responseText);
						color(objest);
					}
				}
				http.send();
			}
			function color(obj){
				var table = "<table><tr><th>name</th><th>age</th></tr>";
				for(var i = 0;i < obj.lenght;i++){
					table += "<tr><td>" + obj[i].name + "</td><td>" + obj[i].age +"</td></tr>";
				}
				table += "</table>"
				document.getElementById("div1").innerHTML=table;
			}
		</script>