這篇文章主要介紹“jQuery中怎么通過Ajax表單提交數(shù)據(jù)”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jQuery中怎么通過Ajax表單提交數(shù)據(jù)”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比嵊州網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式嵊州網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋嵊州地區(qū)。費用合理售后完善，十多年實體公司更值得信賴。

常見問題

如何在 jQuery ajax 中使用表單數(shù)據(jù)添加額外的字段或數(shù)據(jù)?

ajax FormData：非法調(diào)用

如何使用 jQuery.ajax 發(fā)送 multipart/FormData 或文件?

創(chuàng)建 HTML 表單

在這一步中，我們將為多個文件上傳或 FormData 創(chuàng)建一個 HTML 表單和一個額外的字段。

jQuery Ajax Form Submit with FormData Example

    


    


    
jQuery Ajax Post Form Result
 

jQuery Ajax 代碼

在這一步中，我們將編寫用于向服務器發(fā)送表單數(shù)據(jù)的 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表單提交數(shù)據(jù)”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。