带图片的表单提交方式
<script src="~/Scripts/jquery.form.js"></script>
引入jquery插件让图片从前台传到后台
$("#formdialog form").ajaxSubmit({
type: "post",
before: function () {
begin();
},
success: function (data) {
success(data);
$("#formdialog").dialog("close");
$("#datalist").datagrid("load");
$(".span").html("");
},
error: function (aa) {
}
});
原生AJAX提交(不带图片上传效率高)
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
引入
$.ajax({
url: "/Commodity/commodityState",
type: 'POST',
dataType: 'json',
data: { ids: idsStr },参数,本地传给后台的参数
before: function () {
begin();
},
success: function (data) {
success(data);
}
});
跳转页面form-data提交 弹框用form-data请求务必转换为AJax请求
<form enctype="multipart/form-data" method="post" id="frm" action="/Commodity/Add" onsubmit="return CheckPost()">
把form表单转化成form-data提交onsubmit="return CheckPost()"点击事件=“return+名字”