Ajax的原理

Ajax的本质就是---用JS发请求和收请求
浏览器具有发送和接受请求的功能,所以可不可以将这个功能暴露给开发者呢?
所以浏览器在window上创建了一个XMLHttpRequest函数,用这个函数可以创建一个对象,JS通过它发请求和收请求
下载node-dev,每次修改保存文件后,这个工具会自动重启,很方便,我们用他来代替node


使用方法

node-dev server.js 8888 
或 
node server.js 8888

Ajax用例

加载CSS
四个步骤:

  1. 创建HttpRequest对象
  2. 调用对象的open方法
  3. 监听对象的onload&onerror事件
  4. 调用对象的send方法

但是专业的前端不该使用onload和onerror,而是使用onreadystatechange

JSON(JavaScript Object Notation)JavaScript对象标记语言

注意:JSON不是个对象,而是一门语言。不是编程语言,而是一种标记语言,跟XML,HTML,Markdown一样,用来展示数据。
JSON支持的六种数据类型:String(只支持双引号,不支持单引号和无引号), number(支持科学计数法), bool, null, object, array,注意和JS的七种数据类型区分,少了undefined, symbol, 多了array 。
不支持函数,不支持变量(所以也不支持引用)
通常用JSON代替XML 。

JSON.parse

将符合JSON语法的字符串 =》JS对应的数据。如果不符合JSON语法则直接抛出一个Error对象。由于JSON只有6种类型,所以转换成的数据也只有6种。

可以用try catch捕获错误。

JSON.stringify

JSON.stringify是JSON.parse的逆操作,
JS数据 =》 JSON对应的字符串
因为JS的数据类型比JSON多,所以此操作不一定能成功。
如果失败就会抛出一个Error对象。

综合应用

加载分页

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容