三种表单提交方式

带图片的表单提交方式
<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+名字”

猜你喜欢

转载自www.cnblogs.com/zhaoqin666/p/9202855.html