jqueryのajaxを使用してフォームデータを非同期に送信する方法

今回紹介するのは、jqueryのajaxを使ってフォームデータを非同期送信する方法です。成功すると、バックグラウンドでjsonデータが返されて処理されます。この記事では、非同期の目的を詳しく分析します。 フォームで処理されたデータは、serialize() メソッドを使用してシリアル化できます。送信されたデータにファイル ストリームが含まれている場合は、FormData

オブジェクトを使用する必要があります

: ファイルを使用しないフォーム データ: var data = $( form ).serialize();

html: form form

<form id="addForm" action="${pageContext.request.contextPath}/admin/saveAdd" method="post">    
  <input type="text" name="name" placeholder="请输入名字" />
  <input type="password" name="password" placeholder="密码"/>
 </form>

jquery 非同期処理

$("#submitAdd").click(function(){
     
  var targetUrl = $("#addForm").attr("action");    
  var data = $("#addForm").serialize();     
   $.ajax({ 
    type:'post',  
    url:targetUrl, 
    cache: false,
    data:data,  
    dataType:'json', 
    success:function(data){      
      alert('success');
    },
    error:function(){ 
     alert("请求失败")
    }
   })
     
})

上記の紹介を読んで、メソッドをマスターしたと思います。 php 中国語 Web サイトに注目してください

その他の

関連記事! 関連記事:

jQuery を使用した配列の重複排除と並べ替え

JS でログインしている個人メールにジャンプするにはどうすればよいですか

PHP にはチェーン操作がいくつありますか?それを達成する方法

以上がjqueryのajaxを使用してフォームデータを非同期に送信する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。