Ajax的本质就是---用JS发请求和收请求
浏览器具有发送和接受请求的功能,所以可不可以将这个功能暴露给开发者呢?
所以浏览器在window上创建了一个XMLHttpRequest函数,用这个函数可以创建一个对象,JS通过它发请求和收请求
下载node-dev,每次修改保存文件后,这个工具会自动重启,很方便,我们用他来代替node
使用方法
node-dev server.js 8888
或
node server.js 8888
Ajax用例
加载CSS
四个步骤:
- 创建HttpRequest对象
- 调用对象的open方法
- 监听对象的onload&onerror事件
- 调用对象的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对象。
综合应用
加载分页