314 Ajax案例：邮箱地址验证，搜索框输入自动提示，省市区三级联动

标签：事件   ons   err   关键字   null   ret   containe   ext   option   

Aja案例接口文档

测试地址：http://localhost:3000

请求参数类型：application/x-www-form-urlencoded

邮箱地址验证

• 简要描述

  • 验证邮箱@itcast.cn地址是否唯一，已注册 【hfaklhfklas@qq.com符合规则，未注册itheima】

• 请求地址

  • /verifyEmailAdress

• 请求方式

  • GET

• 参数

  参数名	必选	类型	说明
  email	是	string	待验证邮箱地址

• 返回值

  {message: '邮箱地址已经注册过了, 请更换其他邮箱地址'}

  {message: '恭喜, 邮箱地址可用'}

        

            邮箱地址
            

        
        

    
    

搜索框输入自动提示

• 简要描述

  • 根据用户在文本框中输入的关键字，匹配相关内容

• 请求地址

  • /searchAutoPrompt

• 请求方式

  • GET

• 参数

  参数名	必选	类型	说明
  key	是	string	用户输入的关键字

• 返回值

  [
      '程序员',
    '程序员官网',
    '程序员666'
  ]

省市联动

获取省份信息

• 请求地址
  • /province
• 请求方式
  • GET
• 返回值

[{
    id: '001',
    name: '黑龙江省'
},{
    id: '002',
    name: '四川省'
},{
    id: '003',
    name: '河北省'
},{
    id: '004',
    name: '江苏省'
}]

根据省份id获取城市信息

• 请求地址

  • /cities

• 请求方式

  • GET

• 参数

  参数名	必选	类型	说明
  id	是	string	省份id

• 返回值

  [{
      id: '300',
      name: '哈尔滨市'
  }, {
      id: '301',
      name: '齐齐哈尔市'
  }, {
      id: '302',
      name: '牡丹江市'
  }, {
      id: '303',
      name: '佳木斯市'
  }]

根据城市id获取县城信息

• 请求地址

  • /areas

• 请求方式

  • GET

• 参数

  参数名	必选	类型	说明
  id	是	string	城市id

• 返回值

  [{
      id: '20',
      name: '道里区',
  }, {
      id: '21',
      name: '南岗区'
  }, {
      id: '22',
      name: '平房区',
  }, {
      id: '23',
      name: '松北区'
  }]

        

            

                

            

                请选择城市

            

                请选择县城

        
    
    

314 Ajax案例：邮箱地址验证，搜索框输入自动提示，省市区三级联动

标签：事件   ons   err   关键字   null   ret   containe   ext   option   

原文地址：https://www.cnblogs.com/jianjie/p/12347027.html