# jQuery異步無刷新跳轉 ### 第一步，引入jQuery和layUI相關js文件 ### 第二步，編寫自定義js文件，代碼如下： ~~~ // Layer插件無刷新顯示（當前頁面彈出信息提示框-無刷新） $(document).on('submit','form[data-type=ajax]',function(obj){ // 獲取表單數據 var url = $(this).attr('action'); var data = $(this).serializeArray(); // 異步提交處理 $.ajax({ type:'POST', dataType:'json', url:url, data:data, success:function(obj){ if (obj.status == 200 || obj.status == 202) { // layer彈框信息 layer.open({ title:['溫馨提示','font-size:18px;font-weight:bold;color:green;'], content: obj.msg, btn: ['確認'], shade: 0, yes: function(index, layero){ location.href = obj.url; //跳轉指定地址 }, cancel: function(){ location.href = obj.url; //跳轉指定地址 }, }); } }, error:function(obj){ layer.alert('網絡故障'); }, }); return false; }); // 融合TP自帶新開頁面跳轉與layer異步提交，實現簡單異步跳轉 $(document).ready(function(){ $("a[name='delete']").click(function(){ // 獲取跳轉地址 var url = $(this).attr('href'); // 異步提交處理 $.ajax({ type:'POST', dataType:'json', url:url, data:null, success:function(obj){ if (obj.status == 200 || obj.status == 202) { // layer彈框信息 layer.open({ title:['溫馨提示','font-size:18px;font-weight:bold;color:green;'], content: obj.msg, btn: ['確認'], shade: 0, yes: function(index, layero){ location.href = obj.url; //跳轉指定地址 }, cancel: function(){ location.href = obj.url; //跳轉指定地址 }, }); } }, error:function(obj){ layer.alert('網絡故障'); }, }); return false; }); }); ~~~ ### 第三步，控制器中返回json格式（建議配合自定義助手函數，更方便） ~~~ public function delete($id = 0,$tab = 1){ if (Db::name('category')->where('id',$id)->delete()) { return success('刪除分類成功',url('index',['tab'=>$tab])); }else{ $this->error('刪除分類失敗',url('index',['tab'=>$tab])); } } ~~~ #### 注意事項 ~~~ 1、return success('刪除分類成功',url('index',['tab'=>$tab])); 2、$this->success('刪除分類成功',url('index',['tab'=>$tab])); ~~~ 1、表示調用通用函數 2、表示調用對象中的方法