jQuery中怎么通过Ajax表单提交数据

这篇文章主要介绍“jQuery中怎么通过Ajax表单提交数据”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jQuery中怎么通过Ajax表单提交数据”文章能帮助大家解决问题。

创新互联公司-专业网站定制、快速模板网站建设、高性价比嵊州网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式嵊州网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖嵊州地区。费用合理售后完善,十多年实体公司更值得信赖。

常见问题

如何在 jQuery ajax 中使用表单数据添加额外的字段或数据?

ajax FormData:非法调用

如何使用 jQuery.ajax 发送 multipart/FormData 或文件?

创建 HTML 表单

在这一步中,我们将为多个文件上传或 FormData 创建一个 HTML 表单和一个额外的字段。

jQuery Ajax Form Submit with FormData Example

jQuery Ajax Form Submit with FormData Example

    

    

    

jQuery Ajax Post Form Result

 

jQuery Ajax 代码

在这一步中,我们将编写用于向服务器发送表单数据的 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表单提交数据”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


当前文章:jQuery中怎么通过Ajax表单提交数据
文章源于:http://bzwzjz.com/article/pogepg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作 营销型网站建设 成都网站制作 品牌网站建设 成都定制网站建设 企业网站制作 重庆网站制作 网站制作报价 成都网站建设 响应式网站设计 四川成都网站设计 定制网站设计 四川成都网站制作 企业网站设计 营销网站建设 重庆电商网站建设 重庆网站建设 移动手机网站制作 上市集团网站建设 成都网站设计 成都网站设计公司 网站建设