如何顯示從ajax響應返回的數據作爲laravel中的視圖

Question

我是新來的Ajax，並希望返回laravel中的部分視圖以響應ajax調用，所以當我單擊鏈接以顯示數據時在模式中，它不起作用，並說試圖獲得非對象的屬性。任何幫助？

這是我的代碼：

<tr> 
    <td style="border-right: 1px solid #ddd;"><?php echo $i;?></td> 
    <td>{{ $sale->item_name }}</td> 
    <td>{{ $sale->brand_name }}</td> 
    <td>{{ $sale->category_name }}</td> 
    <td>{{ $sale->fname }} &nbsp; {{ $sale->lname }}</td> 
    <td>{{ $sale->sale_date }}</td> 
    <td>{{ $sale->quantity }}</td> 
    <td>{{ $sale->unit_name }}</td> 
    <td><span>$</span>{{ $sale->unit_price }} </td> 
    <td><span>$</span><?php echo $sale->quantity*$sale->unit_price;?> </td> 
    <td> 
     <a href="#bill" class="btn btn-xs btn-green mr-5" type="button" tabindex="0" data-toggle="modal" data-target="#reportModal" onclick="load_modal_data('{{ $sale->sale_id }}','/sales/bill','billContent')"> 
     <i class="fa fa-pencil"> Bill</i></a> 
     <a href="/purchase/item" class="btn btn-xs btn-green mr-5"><i class="fa fa-search"> View</i></a> 
     <a href="#" class="btn btn-xs btn-lightred"><i class="fa fa-remove"> Del</i></a> 
    </td> 
</tr> 

的JS和Ajax

function load_modal_data(identity, route,target_tag) 
{ 
    $.ajax({ 
     headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }, 
     url: route, 
     type:'post', 
     data:{ id: identity}, 
     success:function(result){ 
      console.log(result) 
      $('#'+target_tag).html(result); 
     } 
    }) 
} 

控制器：

public function bill() 
{ 
    $id = Input::get('identity'); 
    $sales = DB::table('sales') 
     ->join('brands','brands.bid','=','sales.brand_id') 
     ->join('units','units.unit_id','=','sales.unit_id') 
     ->join('categories','categories.cat_id', '=','sales.category_id') 
     ->join('customers','customers.cid','=','sales.c_id') 
     ->select('sales.*','brands.brand_name','categories.category_name','customers.fname','customers.lname','units.unit_name') 
     ->where('sales.sale_id',$id)->first(); 
    $returnHTML = view('partials.item-bill')->with('sales',$sales)->render(); 
    return response()->json(array('success'=>true, 'html'=>$returnHTML)); 
} 

這是我項目，bill.blade .PHP

<!-- tile body --> 
<div class="tile-body p-0"> 
    <div class="table-responsive"> 
     <table class="table mb-0" id="usersList"> 
      <thead> 
      <tr> 
       <th style="width:20px;">No</th> 
       <th>Item Name</th> 
       <th>Company</th> 
       <th>Category</th> 
       <th>Customer</th> 
       <th>Sale Date</th> 
       <th>Quantity</th> 
       <th>Unit</th> 
       <th>Price</th> 
       <th>Total</th> 
      </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>{{ $sales->item_name }}</td> 
        <td>{{ $sales->brand_name }}</td> 
        <td>{{ $sales->category_name }}</td> 
        <td>{{ $sales->fname }} &nbsp; {{ $sales->lname }}</td> 
        <td>{{ $sales->sale_date }}</td> 
        <td>{{ $sales->quantity }}</td> 
        <td>{{ $sales->unit_name }}</td> 
        <td><span>$</span>{{ $sales->unit_price }} </td> 
        <td><span>$</span><?php echo $sales->quantity*$sales->unit_price;?> </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 

注：我使用Laravel 5.2

Answer 1

你唯一需要改變的是在這裏：

$('#'+target_tag).html(result.html); 

你得到一個JSON作爲與result.html的響應;

Answer 2

最後，我解決了這個問題，並希望在這裏分享。 我做了以下步驟：

1. 改變從路由方法GET到POST

   Route::post('sales/bill/{id}','SalesController@bill'); 
   

2. 改變）JS 功能load_modal_data的參數（

   <a href="#bill" ... onclick="load_modal_data('/sales/bill/{{ $sale->sale_id }}','billContent')"> 
   

3. 改變的js文件上面的功能，以及：

   function load_modal_data(route,target_tag) 
   { 
   var identity = route.substring(route.lastIndexOf('/') + 1); 
   // $('#'+target_tag).addClass('animation-loading') 
   $.ajax({ 
       headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }, 
       url: route, 
       type:'post', 
       data:{ id: identity}, 
       success:function(result){ 
        $('#'+target_tag).html(result.html); 
       }, 
       error: function (result) { 
        alert('Ooops something went wrong!'); 
       } 
   }); 
   

   }

4. 和控制器以及，

   public function bill($id) 
   { 
       . 
       . 
       . 
   } 
   

現在，它的工作。