AJAX——常用请求方法

1 请求方法

请求方法:对服务器资源,要执行的操作

AJAX——常用请求方法_第1张图片

 2 数据提交

场景:当数据需要在服务器上保存

AJAX——常用请求方法_第2张图片

AJAX——常用请求方法_第3张图片

3 axios请求配置

url:请求的URL网址

method:请求的方法,GET可以省略(不区分大小写)

data:提交数据

AJAX——常用请求方法_第4张图片

4 数据提交-注册账号

需求:通过axios提交用户名和密码,完成注册功能

注册用户URL地址:http://hmajax.itheima.net/api/register

请求方法:POST

参数名:

username用户名(中英文和数字组成,最少8位)

password密码(最少6位)

AJAX——常用请求方法_第5张图片

AJAX——常用请求方法_第6张图片





  
  
  
  常用请求方法和数据提交



  
  
  



注意:报错的基本都是账户被占用了,换个用户名就不会报错了 

 5 axios错误处理

场景:再次注册相同的账号,会遇到报错信息

AJAX——常用请求方法_第7张图片

处理:用更直观的方式,给普通用户展示错误信息

 

AJAX——常用请求方法_第8张图片

语法:在then方法的后面,通过点语法调用catch方法,传入回调函数并定义形参

AJAX——常用请求方法_第9张图片

处理:注册案例,重复注册时通过弹框提示用户错误原因





  
  
  
  axios错误处理



  
  
  


你可能感兴趣的:(ajax,ajax)