不使用ajax实现无刷新提交表单
HTML代码:
<iframeid="fra"name="frm"style="display:none;"></iframe> <formid="frm"method="post"action="@Url.Content("~/Backstage/MachineMng/RoadSet/SaveTrackRoad")?roadId=@ViewBag.roadId"target="frm"> 这里是表单内容 </form>
JS代码:
若保存成功,后台返回{"ok":true};若保存失败,后台返回{"ok":false,"msg":"错误信息"}
functionsave(){ $("#frm").submit(); $("#fra").one("load",function(){ vardata=eval("("+$("#fra").contents().find("body").html()+")"); if(data.ok){ $("#divtrackroad").load("TrackRoad?roadId="+'@ViewBag.roadId'+"&roadName="+'@ViewBag.roadName'+"&viewOrEdit=1&t="+newDate().valueOf()); }else{ alert("保存失败:"+data.msg); } }); }
是不是很简单呢,小伙伴们需要的话,直接拿走,不用客气^_^