溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“jQuery中怎么通過Ajax表單提交數據”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jQuery中怎么通過Ajax表單提交數據”文章能幫助大家解決問題。
如何在 jQuery ajax 中使用表單數據添加額外的字段或數據?
ajax FormData：非法調用
如何使用 jQuery.ajax 發送 multipart/FormData 或文件?
在這一步中，我們將為多個文件上傳或 FormData 創建一個 HTML 表單和一個額外的字段。
<!DOCTYPE html><html><title>jQuery Ajax Form Submit with FormData Example</title><body><h1>jQuery Ajax Form Submit with FormData Example</h1><form method="POST" enctype="multipart/form-data" id="myform"> <input type="text" name="title"/><br/><br/> <input type="file" name="files"/><br/><br/> <input type="submit" value="Submit" id="btnSubmit"/></form><h1>jQuery Ajax Post Form Result</h1><span id="output"></span><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> </body></html>
在這一步中，我們將編寫用于向服務器發送表單數據的 jquery ajax 代碼。
$(document).ready(function () {
$("#btnSubmit").click(function (event) { //stop submit the form, we will post it manually.
event.preventDefault(); // Get form
var form = $('#myform')[0]; // Create an FormData object
var data = new FormData(form); // If you want to add an extra field for the FormData
data.append("CustomField", "This is some extra data, testing"); // disabled the submit button
$("#btnSubmit").prop("disabled", true);
$.ajax({ type: "POST", enctype: 'multipart/form-data', url: "/upload.php", data: data, processData: false, contentType: false, cache: false, timeout: 800000, success: function (data) {
$("#output").text(data); console.log("SUCCESS : ", data);
$("#btnSubmit").prop("disabled", false);
}, error: function (e) {
$("#output").text(e.responseText); console.log("ERROR : ", e);
$("#btnSubmit").prop("disabled", false);
}
});
});
});關于“jQuery中怎么通過Ajax表單提交數據”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
