浣跨敤Ajax璋冪敤鍚庡彴API锛?/p>

$.ajax({
  url: "your-api-url",
  type: "GET/POST/PUT/DELETE",
  dataType: "json", // 鏍规嵁鍚庡彴杩斿洖鐨勬暟鎹被鍨嬪喅瀹氾紝鍙互鏄痡son銆亁ml銆乭tml绛?/span>
  data: { // 鍙€夛紝鍙戦€佸埌鏈嶅姟鍣ㄧ殑鏁版嵁锛屽彲浠ユ槸瀵硅薄銆佸瓧绗︿覆鎴栨暟缁?/span>
    param1: value1,
    param2: value2
  },
  success: function(response) {
    // 璇锋眰鎴愬姛鍚庣殑澶勭悊閫昏緫
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 璇锋眰澶辫触鍚庣殑澶勭悊閫昏緫
    console.log(xhr.responseText);
  }
});

浣跨敤Axios璋冪敤鍚庡彴API锛?/p>

axios({
  method: "GET/POST/PUT/DELETE",
  url: "your-api-url",
  params: { // 鍙€夛紝鍙戦€佸埌鏈嶅姟鍣ㄧ殑鏌ヨ鍙傛暟锛屽彲浠ユ槸瀵硅薄
    param1: value1,
    param2: value2
  },
  data: { // 鍙€夛紝鍙戦€佸埌鏈嶅姟鍣ㄧ殑璇锋眰浣撴暟鎹紝鍙互鏄璞?/span>
    param1: value1,
    param2: value2
  }
})
  .then(function(response) {
    // 璇锋眰鎴愬姛鍚庣殑澶勭悊閫昏緫
    console.log(response.data);
  })
  .catch(function(error) {
    // 璇锋眰澶辫触鍚庣殑澶勭悊閫昏緫
    console.log(error.response.data);
  });

浣跨敤Fetch璋冪敤鍚庡彴API锛?/p>

fetch("your-api-url", {
  method: "GET/POST/PUT/DELETE",
  headers: {
    "Content-Type": "application/json" // 鏍规嵁鍚庡彴瑕佹眰鐨勬暟鎹被鍨嬪喅瀹氾紝鍙互鏄痑pplication/json銆乤pplication/xml绛?/span>
  },
  body: JSON.stringify({ // 鍙€夛紝鍙戦€佸埌鏈嶅姟鍣ㄧ殑璇锋眰浣撴暟鎹紝闇€瑕佸皢瀵硅薄杞崲涓篔SON瀛楃涓?/span>
    param1: value1,
    param2: value2
  })
})
  .then(function(response) {
    // 璇锋眰鎴愬姛鍚庣殑澶勭悊閫昏緫
    return response.json(); // 瑙ｆ瀽鍝嶅簲鏁版嵁涓篔SON
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    // 璇锋眰澶辫触鍚庣殑澶勭悊閫昏緫
    console.log(error);
  });

娉ㄦ剰锛氫互涓婁唬鐮佷腑鐨?quot;your-api-url"闇€瑕佹浛鎹负瀹為檯鐨勫悗鍙癆PI鍦板潃銆?/p>