uniapp封装ajax请求

最新推荐文章于 2024-08-04 20:01:06 发布
最新推荐文章于 2024-08-04 20:01:06 发布
阅读量581 收藏
点赞数
文章标签： vue.js uni-app ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43467623/article/details/110490450
版权

module.exports = {
config: function (name) {
var info = null;
if (name) {
var name2 = name.split("."); //字符分割
if (name2.length > 1) {
info = configdata[name2[0]][name2[1]] || null;
} else {
info = configdata[name] || null;
}
if (info == null) {
let web_config = cache.get(“web_config”);
if (web_config) {
if (name2.length > 1) {
info = web_config[name2[0]][name2[1]] || null;
} else {
info = web_config[name] || null;
}
}
}
}
return info;
},
post: function (url, data, header) {
header = header || “application/x-www-form-urlencoded”;
url = this.config(“APIHOST”) + url;
return new Promise((succ, error) => {
uni.request({
url: url,
data: data,
method: “POST”,
header: {
“content-type”: header
},
success: function (result) {
succ.call(self, result.data)
},
fail: function (e) {
error.call(self, e)
}
})
})
},
postT: function (url, data, header) {
header = header || “application/x-www-form-urlencoded”;
url = this.config(“APIHOST1”) + url;
let token = uni.getStorageSync(“token”);
if (token) {
return new Promise((succ, error) => {
uni.request({
url: url,
data: data,
method: “POST”,
header: {
“content-type”: header,
“token”: token
},
success: function (result) {
console.error(result);
succ.call(self, result.data)
},
fail: function (e) {
error.call(self, e)
}
})
})
} else {
return new Promise((succ, error) => {
uni.request({
url: url,
data: data,
method: “POST”,
header: {
“content-type”: header,
},
success: function (result) {
succ.call(self, result.data)
},
fail: function (e) {
error.call(self, e)
}
})
})
}
},

postJson: function (url, data, header) {
    header = header || "application/json";
    url = this.config("APIHOST1") + url;
    let token = uni.getStorageSync("token");
    if (token) {
        return new Promise((succ, error) => {
            uni.request({
                url: url,
                data: data,
                method: "POST",
                header: {
                    "content-type": header,
                    "token": token
                },
                success: function (result) {
                    console.error(result);
                    succ.call(self, result.data)
                },
                fail: function (e) {
                    error.call(self, e)
                }
            })
        })
    } else {
        return new Promise((succ, error) => {
            uni.request({
                url: url,
                data: data,
                method: "POST",
                header: {
                    "content-type": header,
                },
                success: function (result) {
                    succ.call(self, result.data)
                },
                fail: function (e) {
                    error.call(self, e)
                }
            })
        })
    }
},
getT: function (url, data, header) {
    header = header || "application/x-www-form-urlencoded";
    url = this.config("APIHOST1") + url;
    let token = uni.getStorageSync("token");
    if (token) {
        return new Promise((succ, error) => {
            uni.request({
                url: url,
                data: data,
                method: "GET",
                header: {
                    "content-type": header,
                    "token": token
                },
                success: function (result) {
                    succ.call(self, result.data)
                },
                fail: function (e) {
                    error.call(self, e)
                }
            })
        })
    } else {
        return new Promise((succ, error) => {
            uni.request({
                url: url,
                data: data,
                method: "GET",
                header: {
                    "content-type": header
                },
                success: function (result) {
                    succ.call(self, result.data)
                },
                fail: function (e) {
                    error.call(self, e)
                }
            })
        })
    }

},
posts: function (url, data, header) {
    header = header || "application/x-www-form-urlencoded";
    return new Promise((succ, error) => {
        uni.request({
            url: url,
            data: data,
            method: "POST",
            header: {
                "content-type": header
            },
            success: function (result) {
                succ.call(self, result.data)
            },
            fail: function (e) {
                error.call(self, e)
            }
        })
    })
},
postF: function (url, data, header) {
    header = header || "application/json";
    url = this.config("APIHOST") + url;
    return new Promise((succ, error) => {
        uni.request({
            url: url,
            data: data,
            method: "POST",
            header: {
                "content-type": header
            },
            success: function (result) {
                succ.call(self, result.data)
            },
            fail: function (e) {
                error.call(self, e)
            }
        })
    })
},
postFs: function (url, data, header) {
    header = header || "application/json";
    return new Promise((succ, error) => {
        uni.request({
            url: url,
            data: data,
            method: "POST",
            header: {
                "content-type": header
            },
            success: function (result) {
                succ.call(self, result.data)
            },
            fail: function (e) {
                error.call(self, e)
            }
        })
    })
},
get: function (url, data, header) {
    header = header || "application/x-www-form-urlencoded";
    url = this.config("APIHOST") + url;
    return new Promise((succ, error) => {
        uni.request({
            url: url,
            data: data,
            method: "GET",
            header: {
                "content-type": header
            },
            success: function (result) {
                succ.call(self, result.data)
            },
            fail: function (e) {
                error.call(self, e)
            }
        })
    })
},
getJd: function (url, data, header) {
    header = header || "application/x-www-form-urlencoded";
    return new Promise((succ, error) => {
        uni.request({
            url: url,
            data: data,
            method: "GET",
            header: {
                "content-type": header
            },
            success: function (result) {
                succ.call(self, result.data)
            },
            fail: function (e) {
                error.call(self, e)
            }
        })
    })
},
get1: function (url, data, header) {
    header = header || "application/json";
    url = this.config("APIHOST") + url;
    return new Promise((succ, error) => {
        uni.request({
            url: url,
            data: data,
            method: "GET",
            success: function (result) {
                succ.call(self, result.data)
            },
            fail: function (e) {
                error.call(self, e)
            }
        })
    })
}

}

xuxubushizhu
关注
封装uniapp开发相关ajax请求
swagLi的博客
05-06 2701
一、使用uni.request方法和promise进行封装，代码如下： let Promises = Promise import config from './config' //这是我存放接口api的文件 const host = config.host; //这是获取域名 Promises.prototype.finally = function(callback) { let P...
uniapp中封装ajax方法
qq_45802159的博客
04-09 5168
ajax.js // 记录调用 request 方法的次数 let ajaxTimes = 0 // 请求地址的基本路径 const baseUrl = 'https://api-hmugo-web.itheima.net/api/public/v1' export function request(params) { // 每次调用 request 方法时，将 ajaxTimes ...
uniapp封装AJAX请求
Misaka__Mikoto__的博客
09-27 1596
uniapp封装AJAX请求
uniapp-网络数据请求全教程
最新发布
weixin_73355603的博客
08-04 1535
uniapp-网络数据请求全教程
uniapp封装ajax
m0_65789413的博客
08-06 282
/首先创建一个存放ajax的文件夹,里面创建ajax.js。//引入封装好的ajax文件。// 这个文件封装数据请求。//设置需要请求的变量。// node按需导出。// 服务器基础地址。// 通用的请求函数。// ES6按需导出。//在需要调用的时候。
uniapp中简单封装ajax
m0_55333789的博客
04-13 486
uniapp简单封装ajax
[小程序代码片段] 封装ajax请求 微信开发者工具/uniapp
qq_14993591的博客
11-25 228
request.js // 封装请求 const ajax = (url,method,data)=>{ // 显示loading wx.showLoading({ title: '加载中', }) return new Promise((resolve,reject)=>{ wx.request({ url: url, //仅为示例，并非真实的接口地址 data:data, method:method,
uniapp前端ajax教学,uni-app封装ajax请求方法
weixin_33561910的博客
08-06 1315
位置项目根目录index.js定义了两种请求get和postimport baseconfig from "./common/baseconfig.js"const httpClient = {request:function(method,url,data){var headers={"Content-Type": "application/x-www-form-urlencoded","Aut...
uni-app封装ajax请求方法
kinghuahua
07-22 5479
uni-app封装ajax请求方法
uniapp 简易通用的ajax 请求 封装 以及携带token去请求 (代码优化（新增请求日志和响应日志)）
程序猿小白的博客
03-25 8893
1、例如：在api文件夹中新建一个api.js // 公共的方法 const baseUrl = "http://192.xxx.xx.xx:8889"; // 请求地址 const $ajax = { get: function({ url, param, header }) { return new Promise(function(resolve, ...
uni-ajax：uni-app的轻量级HTTP客户端
02-04
:sparkles:特性 支持Promise API 支持Typescript开发 拦截请求和响应 自定义配置请求实例 多种方法方法请求 支持RequestTask操作 :french_fries:文件 :green_salad:安装 插件市场 在插件市场右上角选择使用HBuilder X 导入插件下载插件ZIP 。 NPM # 如果您的项目是HBuilder X创建的，根目录又没有package.json文件的话，请先执行如下命令： # npm init -y # 安装 npm install uni-ajax # 更新 npm update uni-ajax :croissant:实例 新建ajax.js文件（文件名可自定义）用于处理拦截器，接口根地址，替代配置等，
uni-app 自己封装的utils.js
05-17
uni-app 自己封装的utils.js 常用工具类（封装的ajax，上传，查看文档，富文本解析）
uni-app小程序中request uni-ajax插件的使用
m0_69247348的博客
06-09 288
http请求
uniapp中封装请求
haodanzj的博客
08-22 4102
封装uniapp中的请求
uniapp网络请求获取数据_uni-app 网络请求
weixin_39644377的博客
12-19 1941
uni.request发起网络请求url开发者服务器接口地址data请求的参数headermethoddataTyperesponseType设置响应的数据类型statusCode 开发者服务器返回的http状态码data数据说明// getconst requestTask1 = uni.request({url: ' ',success: function(res) {console.log(...
uni-app的ajax(uni.request)
yy6818的博客
02-05 1693
uni.request({ url:接口地址, method: 'get', dataType: 'json', success: (res) => { console.log(res.data); } }) 控制台效果
uni.app小程序的ajax封装详细讲解
09-02 884
【代码】uni.app小程序的ajax封装详细讲解。
uniapp封装axios请求
07-28
在uniapp中封装axios请求可以通过以下步骤进行： 第一步：安装依赖 你可以使用axios-miniprogram-adapter这个依赖来适配小程序网络请求的适配器。这样可以避免uniapp在使用axios请求时报"adapter is not a function"错误。你可以通过以下命令安装依赖： ``` npm i axios@0.26.0 axios-miniprogram-adapter ``` 或者 ``` yarn add axios@0.26.0 axios-miniprogram-adapter ``` 第二步：axios二次封装 在uniapp中，你可以对axios进行二次封装，以便更好地适配uniapp的请求需求。你可以参考以下代码示例： ```javascript // 引入axios和适配器 import axios from 'axios' import adapter from 'axios-miniprogram-adapter' // 创建axios实例 const instance = axios.create({ adapter }) // 设置基本URL instance.defaults.baseURL = 'your_base_url' // 封装请求函数 function request(options) { return new Promise((resolve, reject) => { instance(options) .then(response => { resolve(response.data) }) .catch(error => { reject(error) }) }) } // 导出请求函数 export default request ``` 这样，你就可以在uniapp中使用封装好的axios请求了。例如： ```javascript import request from 'your_request_file_path' // 发起请求 request({ url: '/api/example', method: 'GET', data: { // 请求参数 } }) .then(response => { // 处理响应数据 }) .catch(error => { // 处理错误 }) ``` 通过以上步骤，你可以在uniapp中封装axios请求，并且使用适配器来解决小程序网络请求的问题。希望对你有帮助！ #### 引用[.reference_title] - *1* *2* [uniapp 微信小程序axios库的封装及使用](https://blog.csdn.net/weixin_43743175/article/details/129704892)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [uniapp封装axios？大可不必那么麻烦。](https://blog.csdn.net/m0_56344602/article/details/125390024)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值