JSON实例(完结篇)

核心:
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>

在这里插入图片描述
json:[ “Google”, “Runoob”, “Taobao” ]

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页