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请求失败怎么办的详细内容,转载自php中文网

点赞(947) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部