uniapp发送post请求失败怎么办

百变鹏仔 2个月前 (11-21) #uniapp

文章标签 uniapp

uniapp发送post请求失败的解决办法：首先在vue文件中引入jquery，代码为【import jquery from "@../../common/js/jquery-3.4.1.min.j】；然后使用jquery发起ajax请求。

本教程操作环境：windows7系统、uni-app2.5.1版本，该方法适用于所有品牌电脑。

推荐（免费）：uni-app开发教程

uniapp发送post请求失败的解决办法：

关于uni-app中的跨域问题有部分人采用浏览器插件来解除chrome浏览器CORS限制，也有人修改manifest.json来达到跨域目的，还有人借助中间插件来完成。但无论采用哪种方式，希望大家永远记得的是万变不离其宗。所有的操作都是基础请求和数据操作的集合。因此本篇笔记波波采用uni-app与jquery的混合使用。

1、首先在Vue文件中引入jQuery。

import jQuery from "@../../common/js/jquery-3.4.1.min.js";

2、jQuery发起Ajax请求。

//请求接口数据                var postData = {"account":mobile,"password":passwd};                jQuery.ajax({                    url:this.apiUrl+'index/login',                    type:"post",                    dataType:"json",                    data:postData,                    success:function(data){                        if(data.code == 0){                            uni.hideLoading();                            uni.showToast({                                title:"登陆成功",                                icon:"none"                            })                            //将用户数据写入本地并执行跳转                            uni.setStorage({                                key:'user_info',                                data:data.data,                            })                            uni.navigateTo({                                url:'../index/index'                            })                        }else{                            uni.showToast({                                title:data.msg,                                icon:none                            })                        }                    },                    error:function(){                        uni.showToast({                            title:"请求异常",                            icon:none                        })                    }                })

经测试本地浏览器请求成功。

相关免费学习推荐：php编程（视频）

文章推荐

uniapp发送post请求失败怎么办

详解uni-app（vue）基于InnerAudioContext封装一个基本的音频组件

什么是uni-app

uni-app之小程序包大小优化

uni-app在不同平台下拨打电话的示例

uni-app适配到微信小程序注意事项