Jquery 提交表單
阿新 • • 發佈:2019-01-03
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); } }); });