uniapp发送post请求失败怎么办

uniapp发送post请求失败的解决办法:首先在Vue文件中引入jQuery,代码为【import jQuery from “@../../common/js/jquery-3.4.1.min.j】;然后使用jQuery发起Ajax请求。

uniapp发送post请求失败怎么办

本教程操作环境: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                        })                    }                })

登录后复制

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

相关免费学习推荐:uni-app开发教程(视频)

以上就是uniapp发送post请求失败怎么办的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3031838.html

(0)
上一篇 2025年3月13日 08:39:08
下一篇 2025年3月6日 06:43:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • uniapp如何修改全局变量

    uniapp修改全局变量的方法:1、在普通页面获取全局变量,重新赋值;2、通过vue的状态管理工具vuex管理全局变量,代码为【let str = contObj.str;】。 本教程操作环境:windows7系统、uni-app2.5.1…

    2025年3月13日
    200
  • uniapp如何隐藏右侧滚动条

    uniapp隐藏右侧滚动条的方法:1、在【app.vue】的style里面外部链接【base.css】;2、直接在【app.vue】里面用条件编译,可以根据不同平台控制不同标签的属性。 本教程操作环境:windows7系统、uni-app2…

    2025年3月13日
    200
  • uniapp如何取消跨域

    uniapp取消跨域的方法:首先创建【uni-app】,并配置访问代理;然后新建页面文件,并插入标签元素;接着调用封装方法;最后保存预览查看即可。 本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑。 u…

    2025年3月13日 编程技术
    200
  • uniapp如何实现文字滚动

    uniapp实现文字滚动的方法:1、将【/components/screenTextScroll.vuecopy】到自己的项目中;2、在【main.js】中添加相关代码。 本教程操作环境:windows7系统、uni-app2.5.1版本、…

    2025年3月13日
    200
  • uniapp如何获取屏幕高度

    uniapp获取屏幕高度的方法:首先新建【uni-app】项目,找到onLoad方法;然后编写【uni.getSystemInfo】方法,准备宽高的变量;最后将屏幕宽高给变量赋值。 本教程操作环境:windows7系统、uni-app2.5…

    2025年3月13日 编程技术
    200
  • uniapp如何实现直播

      uniapp实现直播的方法:首先通过推流,代码为【开始推流】;然后使用video标签实现拉流即可。 本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑。 uniapp实现直播的方法: 1、推流    …

    2025年3月13日
    200
  • uniapp如何设置导航栏样式

    uniapp设置导航栏样式的方法:首先点击新建下面的项目,并打开pages.json文件;然后点击查找下面的查找文件选项,输入globalStyle;最后在文件中就定位到导航样式部分进行修改即可。 本教程操作环境:windows7系统、un…

    2025年3月13日 编程技术
    200
  • uniapp如何关闭导航栏

    uniapp关闭导航栏的方法:1、可以在【pages.json】里,单独的路由style下面配置【”app-plus”: {“titleNView”: false}】;2、可以在globalS…

    2025年3月13日
    200
  • uniapp没有网络怎么办

    uniapp没有网络的解决办法:首先判断用户是否是断网状态,代码为【this.isHaveNetwork()】;然后找出networkType的值,放入onshow页面,代码为【this.isHaveNetwork()】。 本教程操作环境:…

    2025年3月13日
    200
  • uniapp如何关掉顶部导航

    uniapp关掉顶部导航的方法:1、去掉所有导航栏,代码为【”navigationStyle”:”custom”】;2、单一页面去掉顶部导航栏,代码为【”app-plus&#822…

    2025年3月13日
    200

发表回复

登录后才能评论