web前端全系列 教程
1839个小节阅读:2243.1k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
前后端交互是需要带有格式化的数据,目前就是XML和JSON两种格式,不过XML也已经过时了
XML和JSON都是WEB传输过程中数据的格式,其中JSON 使用比较广泛,主要用来前后端交互数据
XML(Extensible Markup Language)扩展标记语言
xxxxxxxxxx
<?xml version="1.0" encoding="UTF-8"?>
<note>
<to>beijing</to>
<from>taiyuan</from>
<heading>itbaizhan</heading>
<body>learn it</body>
</note>
JSON全称JavaScaript对象表示法(JavaScript Object Notation),是存储和交换文本信息的语法。具有文本量更小、更快和更易解析的特点。
在 JS 语言中,一切都是对象。因此,任何支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型:
xxxxxxxxxx
{
"name":"xie",
"sex" :"man",
"id" : "66"
}
复杂的数据格式
xxxxxxxxxx
[
{
"name":"sxt",
"sex" :"man",
"id" : "14"
},
{
"name":"itbaizhan",
"sex" :"man",
"id" : "4"
},
{
"name":"iwen",
"sex" :"man",
"id" : "25"
}
]
获取JSON格式数据转换为JS对象
xxxxxxxxxx
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://iwenwiki.com:3000/search?keywords=solo');
xhr.send();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
console.log(JSON.parse(xhr.responseText));
} else {
console.error(xhr.statusText);
}
}
}
实时效果反馈
1. 下列关于JSON格式的数据,正确的是:
A {name:"iwen"}
B ["name",iwen]
C {name:["iwen"]}
D [{"name":"iwen"}]
答案
1=>D