携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第6天,点击查看活动详情
JSON
JSON:JavaScript Object Notation (JavaScript对象标记法) JSON 格式是 纯文本的 JSON 是一种存储和交换数据的语法、通过JavaScript对象标记法书写的文本
- JavaScript 数组也可以用作 JSON
- JSON 文件的类型的 .json JSON文本的 MIME 类型是 ”application/json"
- JSON 和 XML均可用于从web服务器接收数据
- JSON 值类型必须是以下数据类型之一: 字符串、数字、对象(JSON对象)、数组、布尔、NULL
- JSON对象 使用大括号书写,可以包含多个 key/value (键/值)对
- 可以使用点号 . 来访问对象的值;也可以使用中括号 [] 访问对象的值; 可以使用 for-in 来循环对象的属性,在 for-in 循环对象属性时,使用中括号 [] 来访问属性值 7 JSON对象中可以嵌套另外一个JSON对象
- JSON不能存储 Date对象
JSON.parse() 把以JSON格式写的字符串转换为原生JavaScript对象
- 语法 JSON.parse(text, reviver)
- text :一个有效的JSON字符串(必选);
- reviver :一个转换结果的函数,将为对象的每个成员调用此函数(可选)
JSON 语法是 JavaScript 语法的子集语法规则:
- 数据在名称/值对中:数据由逗号分隔;大括号容纳对象;方括号容纳数组
- 例:"name":"Bills"
- JSON名称需要双引号;键必须是字符串,由双引号包围 JSON可以使用JavaScript语法创建对象
AJAX
AJAX :
- 不刷新页面更新网页;在页面加载后从服务器请求、接收数据;
- 在后台向服务器发送数据
- 缺点:没有浏览历史,不能回退;存在跨域问题;SEO不友好
AJAX 并非编程语言: 组合了浏览器内建的XMLH疼痛Request对象(从web服务器请求数据);JavaScript 和 HTML DOM(显示或使用数据)
AJAX 的核心是 XMLHttpRequest 对象
- 所有现代浏览器都支持XMLHttpRequest 对象
- XMLHttpRequest 对象用于幕后服务器交换数据
- 创建XMLHttpRequest对象的语法: variable = new XMLHttpRequest();
前后端通信
Ajax:不支持跨域 WebScoket:不受同源策略限制,支持跨域 CORS:同时支持同源和跨域 Ajax
发送Ajax请求的步骤:
1、创建XMLHttpRequest 对象
2、使用 open 方法设置请求参数(open(method, url, 是否异步))
3、发送请求
4、注册事件。注册onreadyStatechange事件
5、获取返回的数据,
onreadystatechange readystate 是xhr对象中的属性,表示状态 change 改变
XML 可扩展标记语言;被用来 传输 和 存储数据;全是自定义标签,用来表示一些数据