不使用ajax实现无刷新提交表单

  HTML代码:

  

复制代码 代码如下:

  <iframe id="fra" name="frm" style="display: none;"></iframe>

  <form id="frm" method="post" action="@Url.Content("~/Backstage/MachineMng/RoadSet/SaveTrackRoad")[email protected]" target="frm">

  这里是表单内容

  </form>

  JS代码:

  若保存成功,后台返回{"ok":true};若保存失败,后台返回{"ok":false, "msg":"错误信息"}

  

复制代码 代码如下:

  function save() {

  $("#frm").submit();

  $("#fra").one("load", function () {

  var data = eval("(" + $("#fra").contents().find("body").html() + ")");

  if (data.ok) {

  $("#divtrackroad").load("TrackRoad?roadId=" + '@ViewBag.roadId' + "&roadName=" + '@ViewBag.roadName' + "&viewOrEdit=1&t=" + new Date().valueOf());

  } else {

  alert("保存失败:" + data.msg);

  }

  });

  }

  是不是很简单呢,小伙伴们需要的话,直接拿走,不用客气^_^