1. 程式人生 > >Jquery 提交表單

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);
               
            }
        });
    });