Ajax的一种替代方式

本文涉及的产品
NLP 自学习平台,3个模型定制额度 1个月
视觉智能开放平台,图像资源包5000点
视觉智能开放平台,分割抠图1万点
简介: 演示了两种方式执行Ajax请求:传统的jQuery方法,包括设置URL、类型、数据类型、数据及回调函数;以及现代的fetch API,使用async/await处理POST请求,检查响应状态并转换为JSON。

常见的Ajax请求:

let config= {
  url: url,
  type: type,
  dataType: dataType,
  data: data,
  beforeSend: function () {
    $.modal.loading(i18n('Processing.please.wait'));

  },
  success: function (result) {
   if (result.code == "0") {
     $.table.refresh();
   }

  }
};
$.ajax(config)

替代方式:fetch

try {
         const response = await fetch(url, {
             method: "POST",
             body: JSON.stringify(data),
             headers: {
                 "Content-Type": "application/json"
             }
         });

         if (!response.ok) {
             throw new Error(`服务器响应错误,状态码: ${response.status}`);
         }

         return await response.json();
     } catch (error) {
         // 处理网络错误或服务器问题
         console.error(`请求失败: ${error.message}`);
     }
目录
相关文章
|
2月前
|
XML 前端开发 JavaScript
Ajax的基础使用
Ajax的基础使用
32 0
|
2月前
|
XML JSON 前端开发
Ajax 是什么? 如何创建一个 Ajax?
Ajax 是什么? 如何创建一个 Ajax?
28 0
|
11月前
|
XML JSON 前端开发
什么是Ajax,Ajax的原理是什么?
AJAX全称(Async Javascript and XML),即异步的JavaScript 和XML,是一种创建交互式网页应用的网页开发技术。
85 0
|
12月前
|
JSON 前端开发 数据安全/隐私保护
AJAX-day02-AJAX原理
AJAX-day02-AJAX原理
|
XML 前端开发 JavaScript
什么是 Ajax? 如何创建一个Ajax?
什么是 Ajax? 如何创建一个Ajax?