jquery submit() 函數是一種用于在web表單中提交數據的功能強大的方法。它允許您使用javascript動態地將數據提交到服務器,而無需刷新整個頁面。此外,您還可以通過submit() 函數使用ajax技術。
$("form").submit(function(event) { event.preventDefault(); //阻止默認提交事件 var url = $(this).attr('action'); //獲取表單數據提交的地址 var formData = $(this).serialize(); //序列化表單數據 $.ajax({ type: 'POST', url: url, //設定數據提交地址 data: formData, //表單序列化后的數據 success: function(result) { //成功提交后的回調函數 console.log(result); }, error: function(xhr, ajaxOptions, thrownError) { //錯誤處理函數 console.log(xhr.status); console.log(thrownError); } }); });
您可以看到,使用submit() 函數與ajax來提交表單數據是非常簡單而又靈活的。您只需要在表單元素上綁定submit事件,然后通過ajax將表單數據發送到服務器。在提交表單數據之前,您還可以通過調用preventDefault()方法來阻止默認的表單提交行為。這就能夠防止重載整個頁面,從而提供了更好的用戶體驗。