怎樣用jquery的ajax異步提交表單數據

這次帶給大家的是怎樣用jquery的ajax異步提交表單數據，使用jquery的ajax方法可以異步提交表單，成功後後台返回json數據，回調函數處理，可以不用刷新頁面，達到異步的目的，這篇文章就給大家好好分析一下。

處理表單的資料可以用serialize()方法進行序列化，而如果提交的資料包含檔案流的話，就需要使用FormData物件：

不帶檔案的表單資料使用：var data = $(form).serialize();

html：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中文網其它相關文章！

相關閱讀：

用jQuery做出對陣列去重及排序的運算

JS怎麼可以做到點選跳到登陸的個人信箱

PHP的鍊式運算有幾種實作方式

以上是怎樣用jquery的ajax異步提交表單數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！