【JavaScript】------- JavaScript ajax封装示例代码

末蓝、 2022-02-19 13:05 193阅读 0赞

> 转载处：[https://www.qdfuns.com/article/49499/11ed812b75bd07fb1921c1a73c3aaf9d.html][https_www.qdfuns.com_article_49499_11ed812b75bd07fb1921c1a73c3aaf9d.html]

> 1.封装
> 
>     //url：地址
>     //data：数据对象，在函数内部会转化成json串，如果没传，表示用GET方法，如果传了，表示用POST方法
>     function ajax(url, data, callback,error) {
>             $.ajax({
>                 url: url,
>                 type: data == null ? 'GET' : 'POST',
>                 dataType: "json",
>                 data: data == null ? '' : JSON.stringify(data),
>                 async: true,
>                 contentType: "application/json",
>                 success: function (resp) {
>                     callback(resp);
>                 },
>                 error: function (XMLHttpRequest, textStatus, errorThrown) {
>                    error(XMLHttpRequest, textStatus, errorThrown)
>                 }
>             });
>     }

>  2. 调用
> 
>     ajax('action1',data, function(resp){
>          //do something on response
>         //成功
>     },function(XMLHttpRequest, textStatus, errorThrown){
>         //da something
>         //失败
>     });
> 
>

[https_www.qdfuns.com_article_49499_11ed812b75bd07fb1921c1a73c3aaf9d.html]: https://www.qdfuns.com/article/49499/11ed812b75bd07fb1921c1a73c3aaf9d.html

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript---AJAX

目录 AJAX概念 Ajax 相关概念 Ajax 基本的使用 Ajax 扩展内容 JSON 的常用方法 XMLHttpRequest open() 1.指定HT

r囧r小猫/ 2024年04月08日 12:38/ 0 赞/ 31 阅读

相关 javascript计算器_JavaScript计算器示例

![030d4d27047287b89628dad56587ea68.png][] javascript计算器 In this tutorial, I will tell

柔情只为你懂/ 2022年12月07日 12:57/ 0 赞/ 224 阅读

相关 JavaScript 随机数示例

JavaScript 随机数(Random) Math.random() 函数返回一个浮点数, 伪随机数在范围从0到小于1，即\[0,1) ，也就是说，从0（包括0）往上，

客官°小女子只卖身不卖艺/ 2022年09月14日 09:40/ 0 赞/ 106 阅读

相关 javascript 封装

1.创建一个类在JavaScript中创建一个类，首先声明一个函数保存在一个变量里，然后这个类内部通过对this变量添加属性或方法实现对类添加属性或者方法。 v

柔情只为你懂/ 2022年07月13日 13:06/ 0 赞/ 132 阅读

相关【JavaScript】自己动手封装一个ajax函数

我们在jquery中一般是这样是用ajax函数的： xxx.addEventListener('click', function(){ window.aj

绝地灬酷狼/ 2022年03月12日 15:58/ 0 赞/ 174 阅读

相关 javascript 代码注释规范与示例

文件注释文件注释位于文件的最前面，应包括文件的以下信息：概要说明及版本（必须）项目地址（开源组件必须）版权声明（必须）开源协议（开源组件必须）版本号（必须）修改时间（必须

小咪咪/ 2022年02月21日 08:19/ 0 赞/ 223 阅读

相关【JavaScript】------- JavaScript ajax封装示例代码

> 转载处：[https://www.qdfuns.com/article/49499/11ed812b75bd07fb1921c1a73c3aaf9d.html][https

末蓝、/ 2022年02月19日 13:05/ 0 赞/ 194 阅读

相关【JavaScript】------- JavaScript 数组合并去重示例代码

> 1. js 数组合并去重 > > //数组去重 > function uniqueArr(arr1, arr2){ >

落日映苍穹つ/ 2021年11月05日 14:10/ 0 赞/ 240 阅读

相关重构Javascript代码示例(重构前后对比)

今天有做了几个`asp.net`结合`Javascript`的教程文章。现回顾头来看看那些`Javascript`脚本，有写得不太理想，过于复杂。现抽取出来，重构它们。之

青旅半醒/ 2021年07月04日 14:24/ 0 赞/ 434 阅读

相关 JavaScript封装

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi...

你的名字/ 2021年05月03日 05:49/ 0 赞/ 454 阅读