c ajax工作原理,Ajax的原理

Ajax的本质就是---用JS发请求和收请求

浏览器具有发送和接受请求的功能,所以可不可以将这个功能暴露给开发者呢?

所以浏览器在window上创建了一个XMLHttpRequest函数,用这个函数可以创建一个对象,JS通过它发请求和收请求

下载node-dev,每次修改保存文件后,这个工具会自动重启,很方便,我们用他来代替node

ccc24f755d01

使用方法

node-dev server.js 8888

node server.js 8888

Ajax用例

加载CSS

四个步骤:

创建HttpRequest对象

调用对象的open方法

监听对象的onload&onerror事件

调用对象的send方法

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

ccc24f755d01

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捕获错误。

ccc24f755d01

JSON.stringify

JSON.stringify是JSON.parse的逆操作,

JS数据 =》 JSON对应的字符串

因为JS的数据类型比JSON多,所以此操作不一定能成功。

如果失败就会抛出一个Error对象。

综合应用

加载分页

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值