day28-Ajax

day28-Ajax

---

一、Ajax

---

1.Ajax(Asynchronous javascirpt xml)

• 异步js，是由jQuery封装好，专门在js中做网络请求的一系列方法

---

2.方法

• $.ajax({
    type:请求类型(get/post),
    url:请求地址,
    async:是否异步,
    dataType:返回数据类型(json-默认,text,html),
    success:请求成功的回调函数
  })
  

---

二、RAP2的使用

---

1.Mock.js语法规范

• 包括数据模板定义规范和数据占位符定义规范
• 数据模板中每个属性由3个部分组成：属性名、生成规则、属性值
  • 'name|rule':value
• 注意：属性名和生成规则之间用竖线分隔；生成规则是可选的；生成规则有7种格式：
  • 'name|min-max':value
  • 'name|count':value
  • 'name|min-max.dmin-dmax':value
  • 'name|count.dmin-dmax':value
  • 'name|count.dcount':value
  • 'name|+step':value
• 生成规则的含义需要依赖属性值的类型才能确定；属性值中可以有@占位符；属性值还指定了最终值的初始值和类型

---

2.生成规则和示例

• 属性值是字符串String
  • 'name|min-max':string：重复string生成一个字符串，重复次数在min-max之间
  • 'name|count':string：重复string生成一个字符串，重复count次
• 属性值是数字Number
  • 'name|+1':number：属性值自动加1，初始值为number
  • 'name|min-max':number：生成一个在min-max之间的整数
  • 'name|min-max.dmin-dmax':number：生成一个浮点数，整数部分在min-max，小数部分保留dmin-dmax
• 属性值是布尔值Boolean
  • 'name|1':boolean：随机生成一个布尔值
  • 'name|min-max':value：随机生成一个布尔值
• 属性值是对象Object
  • 'name|count':object：从object属性值中随机选取count个属性
  • 'name|min-max':object：从属性值object随机选取min-max个属性
• 属性值是数组Array
  • 'name|1':array：从array中随机选取一个元素
  • 'name|+1':array：从属性值array顺序选取一个元素
  • 'name|min-max':array：重复属性值array生成新数组，重复次数在min-max之间
  • 'name|count':array：重复count次生成一个新数组
• 属性值是函数Function
  • 'name':function：执行函数function
• 属性值是正则表达式RegExp
  • 'name':regexp：根据正则反向生成可以匹配它的字符串

---

三、拦截Ajax请求

• Mock.setup(settings)：配置项timeout；指定被拦截的Ajax请求的响应时间，单位是毫秒

---

四、更多说明见官方文档

---