H-UI 和thinkphp5組合的ajax提交問題
阿新 • • 發佈:2018-11-24
涉及三個頁面:
1、模板頁面。只需<form><input type="submit"></form>,無需action和method
2、js指令碼
<!--請在下方寫此頁面業務相關的指令碼--> <script type="text/javascript"> $(function(){ $("#addform").validate({ rules:{ name:{ required:true, }, passwd:{ required:true, }, }, onkeyup:false, focusCleanup:true, success:"valid", submitHandler:function(form){ $(form).ajaxSubmit({ type: 'post', dataType: "json", url: "sissvip_add_post", success: function(data){ //alert(data); layer.msg('修改成功!', {icon:1,time:10000}, function(){ var index = parent.layer.getFrameIndex(window.name); parent.location.reload(); //重新整理父頁面 parent.layer.close(index); }); }, error: function(XmlHttpRequest, textStatus, errorThrown){ layer.msg('error!',{icon:1,time:1000}); } }); } }); }); </script> <!--/請在上方寫此頁面業務相關的指令碼-->
3、thinkphp5控制器接收post過來的引數
$param = $this->request->param('');
最後,根據thinkphp後臺處理結果返回前端顯示即可。這裡用的是layer的layer.msg。