Ajax请求

前提：需要引入 jquery.js

GET请求

• type：指定请求方式（大小写均可）
• url：请求地址
• data：此次请求所携带的参数(GET请求可省略，可在url后面拼接参数)
• success：回调函数

function test() {
  $.ajax({
    type: "GET",
    url: "http://XXX",
    data: {
      id: 1,
    },
    success: function (res) {
      console.log(res);
    },
  });
}

POST请求

• type：指定请求方式（大小写均可）
• url：请求地址
• data：此次请求所携带的参数
• success：回调函数

function test() {
  $.ajax({
    type: "POST",
    url: "http://XXX",
    data: {
      name: "张三",
      age: "18",
    },
    success: function (res) {
      console.log(res);
    },
  });
}

POST JSON请求

• type：指定请求方式（大小写均可）
• url：请求地址
• data：此次请求所携带的参数(GET请求可省略，可在url后面拼接参数)
• contentType：表示该请求是json请求
• dataType：当设置了dataType："json"时，如果后端返回了String，则ajax无法执行，去掉后ajax会自动检测返回数据类型
• success：回调函数

function test() {
  $.ajax({
    type: "POST",
    url: "http://XXX",
    data: {
      name: "张三",
      age: "18",
    },
    contentType: "application/json;charsetset=UTF-8",
    dataType: "json",
    success: function (res) {
      console.log(res);
    },
  });
}

POST 带请求头请求

• headers：携带请求头

• type：指定请求方式（大小写均可）

• url：请求地址

• data：此次请求所携带的参数(GET请求可省略，可在url后面拼接参数)

• contentType：表示该请求是json请求

• dataType：当设置了dataType："json"时，如果后端返回了String，则ajax无法执行，去掉后ajax会自动检测返回数据类型

• success：回调函数

function test() {
  $.ajax({
    headers: { token: "123" },
    type: "POST",
    url: "http://XXX",
    data: {
      name: "张三",
      age: "18",
    },
    contentType: "application/json;charsetset=UTF-8",
    dataType: "json",
    success: function (res) {
      console.log(res);
    },
  });
}