JSON实例（完结篇）

最新推荐文章于 2024-01-30 09:34:52 发布

贵哥的编程之路(热爱分享)

最新推荐文章于 2024-01-30 09:34:52 发布

阅读量877

点赞数 1

分类专栏： JSON

本文链接：https://blog.csdn.net/qq_37805832/article/details/105925409

版权

JSON 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

核心：
ajax核心：var xmlhttp = new XMLHttpRequest();，核心是对象，
优点：
在不重新加载页面的情况下更新网页
在页面已加载后从服务器请求数据
在页面已加载后从服务器接收数据
在后台向服务器发送数据

这些优点是吧，那这些谁来做？
你可能不明白我的意思？我说的是

更新网页
从服务器请求数据
从服务器接收数据
向服务器发送数据谁来做？
条件是什么？在不重新加载页面（加载等于个人理解是运行差不多的意思把）
在页面已加载后（运行成功后）
在页面已加载后（运行成功后）
问题来了，运行是什么？
运行个人理解是执行
在后台
在什么情况下能做？
问题来了条件已经有了，那谁来做？
var xmlhttp = new XMLHttpRequest();
来做这些事情懂？兄dei
xmlhttp.onreadystatechange = function() {
}；
在什么条件在执行这个事件呢？
onreadystatechange是在什么条件下才执行的呢
这个条件是根据状态的状况来执行的，也就是英文readyState
！！！记住，这些都是状态啊，状态，监测的状态啊！！！，记住这些都是属于看的方式，不是动的方式哈
0: 看到请求未初始化意思（我看到的哈）我看到了我老爸，老爸想借钱应急，但是还没有开口呢
1: 看到服务器连接已建立意思是（我看到的哈）核心是连接，也就是我们要有关系才能做任何事你说是吧状态（有关系才能借钱你说说是吧）
2: 看到请求已接收意思是（我看到的哈）我老爸跟他朋友说了，并且那个我老爸的朋友已经知道了
3: 看到请求处理中//（我看到的哈）我老爸的朋友说我想一想，比较数额较大
他说我想一想状态
4: 看到请求已完成，且响应已就绪//（我看到的哈）我老爸的朋友决定借给我老爸一百万，已经打过去钱了，老爸还没有看短信呢

核心状态代表看1，不是动，动是函数啊啊啊
然后我说OK可以
或者我说
404: 未找到页面
我已经不需要了，兄dei，谢谢啦
记住了哈，上面这些都是状态哈，不是他们这些01234链接的啊，他是看链接成没成功的哈，状态懂吗？状态啊
动是函数来动，opensend函数啊啊啊

正所谓有正就有反是吧
status
200: “OK”

404: 未找到页面

其实readyState就是一个过程什么过程
（电脑–服务器—）电脑
而status是电脑–服务器—（电脑）
看括号，兄dei
if (this.readyState == 4 && this.status == 200)
是代表发信息给你了，并且你接受到了说了OK
谢谢你啦兄dei
xmlhttp.open(“GET”, “http://www.8939.org/json/json_demo.txt”, true);
是意思是以什么方式发送，是get不安全方式也就是看得到的方式还是加密的方式呢，url是http://www.8939.org/json/json_demo.txt
true是代表异步异步请求就当发出请求的同时，浏览器可以继续做任何事，Ajax发送请求并不会影响页面的加载与用户的操作，相当于是在两条线上，各走各的，互不影响。（跟我一样，不管那么多的啊）

json核心：

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。
已经变成对象了myobj
然后是里面的属性是name输出即可！

在这里插入图片描述

this.responseText返回到我的电脑的数据啊
document.getElementById(“demo”).innerHTML=myobj.name;
json数据
：
[ “Google”, “Runoob”, “Taobao” ]

我待会会发到csdn上！

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JSON.parse()</title>

</head>

<body>

    <h2>使用 XMLHttpRequest 来获取JSON数据</h2>
    
	<div id="demo"></div>	
    
    <script type="text/javascript">
		var xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange = function() {
			if (this.readyState == 4 && this.status == 200) {
				//返回数据 this.responseText
				myobj = JSON.parse( this.responseText)
				document.getElementById("demo").innerHTML=myobj.name;
			}
		};
		xmlhttp.open("GET", "http://www.8939.org/json/json_demo.txt", true);
		xmlhttp.send();
	</script>


</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JSON.parse()</title>

</head>

<body>

    <h2>使用 XMLHttpRequest 来获取JSON 数组</h2>
    
	<div id="demo"></div>	
    
    <script type="text/javascript">
		var xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange = function() {
			if (this.readyState == 4 && this.status == 200) {
				//返回数据 this.responseText
				myobj = JSON.parse( this.responseText)
				document.getElementById("demo").innerHTML=myobj[0];//第一个啊懂吗？！！！
			}
		};
		xmlhttp.open("GET", "http://www.8939.org/json/json_demo_array.txt", true);
		xmlhttp.send();
	</script>


</body>
</html>