ホームページ  >  記事  >  ウェブフロントエンド  >  uniapp がポストリクエストの送信に失敗した場合はどうすればよいですか?

uniapp がポストリクエストの送信に失敗した場合はどうすればよいですか?

coldplay.xixi
coldplay.xixiオリジナル
2020-12-15 16:15:374932ブラウズ

uniapp が投稿リクエストを送信できない問題の解決策: まず、Vue ファイルに jQuery を導入します。コードは [import jQuery from "@../../common/js/jquery-3.4. 1.min.j ]; 次に、jQuery を使用して Ajax リクエストを開始します。

uniapp がポストリクエストの送信に失敗した場合はどうすればよいですか?

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン, この方法は、すべてのブランドのコンピュータに適しています。

推奨 (無料): ユニアプリ開発チュートリアル

#uniapp が投稿リクエストを送信できない問題の解決策 方法:

uni-app のクロスドメインの問題に関しては、ブラウザのプラグインを使用して Chrome ブラウザの CORS を解除している人もいます。クロスドメインの目的を達成するために、manifest.json を変更する人もいれば、それを完成させるために中間プラグインを使用する人もいますが、どの方法を使用しても、すべてが同じであることを常に覚えておいてほしいと思います。すべての操作は基本的なリクエストとデータ操作の集合です。そのため、このノートでは uni-app と jquery を使用します。混合使用します。

1. まず、jQuery を Vue ファイルに導入します。

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 がポストリクエストの送信に失敗した場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。