首頁  >  文章  >  web前端  >  uniapp發送post請求失敗怎麼辦

uniapp發送post請求失敗怎麼辦

coldplay.xixi
coldplay.xixi原創
2020-12-15 16:15:374964瀏覽

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
                        })
                    }
                })

經測試本機瀏覽器請求成功。

相關免費學習推薦:php程式設計(影片)

#

以上是uniapp發送post請求失敗怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn