ホームページ  >  記事  >  ウェブフロントエンド  >  レイウイフォームの二度送信を解決する方法

レイウイフォームの二度送信を解決する方法

咔咔
咔咔オリジナル
2020-12-25 18:09:402716ブラウズ
#「不正な Lauiui フォームが 2 回送信されます。遭遇したことはありますか?

私はこのlayuiを2年近く使っていますが、新しいxadminフレームワークを構築したばかりなので、フォームの繰り返し送信の問題が発生しました。動揺!

#”

解決策を直接知りたい場合は、3 番目のセクションに進んでください。##”

1. 初期操作

まず、Kaka が行った操作を見てみましょう。 使用されている xadmin テンプレートは、js ファイルが完全にインポートされていないことが原因で問題が発生している可能性があります。

カカさんが実現したい効果は以下の通りです。

レイウイフォームの二度送信を解決する方法
導入効果画像 1
レイウイフォームの二度送信を解決する方法
導入効果画像 2

これが得られた効果です。いいえ、これは単にこれを追加した結果です。

開発中に通常どうやってコードを見つけるのかわかりませんが、Kaka はコード ライブラリに直接アクセスして直接検索しました リンク形式が間違っています

下の画像はKaka検索の結果ですので、次はこのjsファイルを導入して試してみます!

レイウイフォームの二度送信を解決する方法
必要な js ファイル

そこで、キーボードを手に取り、このファイルをそこにインポートしました

レイウイフォームの二度送信を解決する方法
インポートされたjs ファイル

が問題の元の原因です。

#2. 問題を再現します#データを追加します

データを追加しました レイウイフォームの二度送信を解決する方法
# は期待を裏切りませんでした。2 つのデータが表示されました (笑)。混乱した###
レイウイフォームの二度送信を解決する方法
結果を返す

3. 問題を解決します

実際にはこの問題は不注意によって引き起こされ、まだlayuiフレームワークに慣れていないことが原因です。

解決策は、フォーム js ファイルを強制終了することです。おかしいと思いませんか? はい!とても面白い。

レイウイフォームの二度送信を解決する方法
js ファイル

layui.js ファイルを開くと突然気づきます。

layui.js には自動的にインクルードが含まれていることがわかります。すべてのモジュール モジュールをローカルにインポートしたため、この問題が発生します。

layui.レイウイフォームの二度送信を解決する方法
layui.js ファイル

もちろん、問題は Kaka の場合だけではありません。

layui.all.js ファイルを 2 回続けて参照すると、2 回続けてトリガーされるか、最初にlayui.all.js ファイルを参照してから、layui.js ファイルとそのファイルを参照します。は 2 回トリガーされます。注意してください。参照しているファイルを確認してください。!!!

layui.all.js ファイルを参照した後、layui.js が再度参照されるため、連続して 2 回トリガーされます!

学び続けること、ブログを書き続けること、そして共有することへの粘り強さは、カカがそのキャリア以来常に守り続けてきた信念です。巨大なインターネット上のカカの記事が何かをもたらすことを願っています」少しお手伝いします。私はカカです。次号でお会いしましょう。

以上がレイウイフォームの二度送信を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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