AJAX-orther

JQuery + AJAX

• Query用法：$(‘tag’).eq(index).click(function(){})
  • 如果是同一个tag的需要使用index来定位那个DOM元素
• 以下方法是在DOM事件回调内部使用
  • $.get(请求地址，{参数}，callback,响应体类型)
  • $.post(提交地址, {参数}, callback });
  • $.ajax({url:地址,data:{参数},type:请求类型, dataType:响应体类型,success: function(data){},error: function(){}, timeout: 超时时间number类型,headers: {头信息}})
• 响应体类型：
  • json
  • 不加：是字符串

Axios + AJAX

• 使用document.querySelectorAll(‘tag’);获取全部tag的DOM，然后通过索引去指定对应的DOM
• 配置axios的baseURL： axios.defaults.baseURL = “地址”
• 以下事件在DOM的事件回调中执行
• 对象内使用key: value的形式
• GET请求：
  • axios.get(‘/路径’,{params:{url参数},headers:{请求头信息}}).then(value => {})
• POST请求：
  • axios.post(‘/路径’, {提交的数据}, {params: {参数},headers: {请求头参数}});
• 统一的方法：
  • response.status：响应状态码
  • response.statusText：响应状态字符串
  • response.headers：响应头信息
  • response.data：响应体
  • axios({method:’请求方法’,url:’/路径’,params:{url参数},headers:{头信息},data:{请求体参数}}).then(response=>{})

Fetch + AJAX

• fetch(‘路径’, {method:’请求方法’,headers:{请求头},body: ‘请求体’}).then(response => {}).then(response=>{});