ajaxformプラグインがエラー報告時にajaxSubmit()が関数でないことを使用する
2022-02-16 03:45:08
今日、フロントエンドを書くときに、非同期でフォームを送信する必要があります。ちょうどjqueryを使用して、非同期を書くためにajaxを始めたが、データを送信した後、メソッドをオフに戻って成功した後に実行することができないことがわかり、長い時間かどうかを試してみました。たまたまネットで知ったのですが、Jquery-formというプラグインがあり、フォームのフィールドを直接非同期で送信することができるそうです。このプラグインを使う過程で、ajaxSubmit()がメソッドでないというエラーがブラウザに報告されるという別の問題が見つかりました。
(index):136 Uncaught TypeError: $(...) .ajaxSubmit is not a function at HTMLFormElement.<anonymou
htmlファイル内に複数のjquery.jsがある場合、競合が発生する可能性があることを理解するのに時間がかかりました。
jquery.jsファイルを削除したところ、ページが正常に実行され、データも解除されました
が送信され、返されたデータも問題ありませんでした。
完全な例です。
$(this).ajaxSubmit( {
url:"validate_UserLogin",
type:"post",
dataType:"text",
clearForm:true,
success:function(json){
if($.parseJSON(json)=="4")
{
alert("Login successful");
$("#myLoginModal").modal("hide");
}else
{
alert("Login failed");
}
}
});
関連
-
[解決済み】Ajaxクロスオリジンリクエストがブロックされました。同一生成元ポリシーがリモートリソースの読み取りを不許可にする
-
[解決済み] jQuery onclick が動的に挿入された HTML 要素で発火しない?重複
-
[解決済み] Bootstrap のカルーセルがスライドしない
-
[解決済み] ユーザーがDIVの外側をクリックしたときに、jQueryを使用してDIVを非表示にする
-
[解決済み] jqueryでドロップダウンボックスを有効化/無効化する
-
[解決済み] JWplayer 再生クリックでフルスクリーン表示
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] マウスイベントを使わずにjQueryでマウスの位置を取得する方法は?
-
[解決済み] Bootstrap 3、jQuery、phonegapでモバイルアプリ、可能か?
-
[解決済み] jQuery: セレクタとして変数を使用する [重複].
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryの遅延が機能しない
-
[解決済み] AJAXを同期させる(SJAX)にはどうすればよいか
-
[解決済み] クラス別のjquery onclick
-
[解決済み] JQuery Fancyboxが動作しない
-
[解決済み] .animateをループさせる方法 JQuery
-
[解決済み] フォーム送信のjQueryが動作しない
-
[解決済み] jqueryでラジオボタンを検証する?
-
[解決済み] jqueryでラベルのテキストを取得する
-
[解決済み] jqueryのノーマルパッケージとスリムパッケージの違いは何ですか?
-
[解決済み] Jquery select change が起動しない