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