JavaScript学习笔记(拾肆)

92 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第6天,点击查看活动详情

JSON

JSON:JavaScript Object Notation (JavaScript对象标记法) JSON 格式是 纯文本的 JSON 是一种存储和交换数据的语法、通过JavaScript对象标记法书写的文本

  1. ​ JavaScript 数组也可以用作 JSON
  2. ​ JSON 文件的类型的 .json JSON文本的 MIME 类型是 ”application/json"
  3. ​ JSON 和 XML均可用于从web服务器接收数据
  4. ​ JSON 值类型必须是以下数据类型之一: 字符串、数字、对象(JSON对象)、数组、布尔、NULL
  5. ​ JSON对象 使用大括号书写,可以包含多个 key/value (键/值)对
  6. ​ 可以使用点号 . 来访问对象的值;也可以使用中括号 [] 访问对象的值; 可以使用 for-in 来循环对象的属性,在 for-in 循环对象属性时,使用中括号 [] 来访问属性值 7 ​ JSON对象中可以嵌套另外一个JSON对象
  7. ​ 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 可扩展标记语言;被用来 传输 和 存储数据;全是自定义标签,用来表示一些数据