Ajax的一种替代方式

简介: 演示了两种方式执行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}`);
     }
目录
相关文章
|
1月前
|
XML 前端开发 JavaScript
Ajax的基础使用
Ajax的基础使用
30 0
|
1月前
|
XML JSON 前端开发
Ajax 是什么? 如何创建一个 Ajax?
Ajax 是什么? 如何创建一个 Ajax?
27 0
|
XML 前端开发 JavaScript
什么是 Ajax? 如何创建一个Ajax?
什么是 Ajax? 如何创建一个Ajax?
|
XML 前端开发 JavaScript