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

• 获取全部tag的DOM，然后通过索引去指定对应的DOM

  document.querySelectorAll('tag');

• 配置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=>{});