1. ホーム
  2. jquery

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

                      });