Jquery 提交表单

jquery 序列化表单提交:

前端js:

 $("#okBtn").click(function () {

        $("#okBtn").attr('disabled', true);
        $.ajax({
            type: 'post',
            url: '/Appointment/AppointmentAdd',
            data: $("#formAppointment").serialize(),//序列化表格内容为字符串
            dataType: 'json',
            success: function (data) {
                $("#okBtn").attr('disabled', false);
            }, error: function (error) {
                $("#okBtn").attr('disabled', false);
               
            }
        });
    });

后台接收:

 public ActionResult AppointmentAdd()
        {

            //主访人信息
            string name = Request["appointmentName"];
            string sex = Request["sex"];
            string sid = Request["sid"];
            string phone = Request["phone"];

            return View();
        }

$("#").serialize() 表单序列化提交的方式只可以传递一般参数,对于上传的文件流无法传递。

此时可以使用FormData对象

 $("#okBtn").click(function () {

        $("#okBtn").attr('disabled', true);

        var data = new FormData($("#formAppointment")[0]);
        $.ajax({
            type: 'post',
            url: '/Appointment/AppointmentAdd',
            data: data,
            processData: false,
            contentType: false,
            success: function (data) {
                $("#okBtn").attr('disabled', false);
            }, error: function (error) {
                $("#okBtn").attr('disabled', false);
               
            }
        });
    });

 

jQuery中,可以使用多种方式来提交表单。常用的四种方式分别是ajaxSubmit()、getJSON()、post()和ajax()。 其中,ajaxSubmit()方法是通过使用第三方插件jquery.form来实现的。当我们希望在提交表单后不发生页面跳转时,可以使用ajaxSubmit()方法来提交表单。具体的写法如下: HTML代码: <form id="myForm" action="url" method="post"> <input type="text" name="id"/> <button id="btnSubmit">提交</button> </form> JavaScript代码: // 提交按钮的点击事件 function btnSubmit(id) { // 获取页面数据 var id = $("#myForm [name='id']").val(); // 提交表单 $.ajaxSubmit({ url: "url", // 请求路径 type: "post", // 请求类型 dataType: "json", // 数据格式 data: { id: id }, // 参数 success: function(data) { if (data.State) { alert(data.Text); } else { alert(data.Text); } } }); } 需要注意的是,以上代码是使用ajaxSubmit()方法来提交表单的示例。其他三种方式的使用方法可以参考引用[1]和引用中的相关内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [在jQuery提交表单的方式有哪些](https://blog.csdn.net/weixin_44484756/article/details/89873705)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [jQuery数据提交](https://blog.csdn.net/weixin_49756092/article/details/119410462)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值