前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JSON实例(完结篇)

JSON实例(完结篇)

作者头像
贵哥的编程之路
发布2020-10-28 15:21:46
6510
发布2020-10-28 15:21:46
举报
文章被收录于专栏:用户7873631的专栏

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

代码语言:javascript
复制
这些优点是吧,那这些谁来做?
你可能不明白我的意思?我说的是

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

代码语言:javascript
复制
核心状态代表看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上!

代码语言:javascript
复制
<!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>
在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
<!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/05/05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
短信
腾讯云短信(Short Message Service,SMS)可为广大企业级用户提供稳定可靠,安全合规的短信触达服务。用户可快速接入,调用 API / SDK 或者通过控制台即可发送,支持发送验证码、通知类短信和营销短信。国内验证短信秒级触达,99%到达率;国际/港澳台短信覆盖全球200+国家/地区,全球多服务站点,稳定可靠。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档