如何在div中顯示AJAX響應數據

我正在使用Laravel框架。我被卡住了。我成功獲取數據。但是，當我想顯示數據時，它會以數組形式顯示我的數據。任何人都可以幫助我如何顯示清單。我有一個佈局內div如何在div中顯示AJAX響應數據

<div class="col-md-9 col-sm-9 col-xs-12" id="ajaxListings"> 
    @include('layouts.publicLayout.get-listings')// here i have implemented layout 
</div>

和

function filteredlistings(){ 
     $.ajax({ 
      url:'search-listings', 
      data:{ 
       'service_name':title, 
       'location':location 
      }, 
      type:"get", 
      success:function(allData) 
      { 
       $("#ajaxListings").html(allData); 
      }, 
      error: function() 
      { 
       alert('error'); 
      } 
     }); 
    }

這裏是我的功能：

public function search_listings(Request $request){ 
    if($request->ajax()){ 
     $data = $_GET; 
     $users = DB::table('users') 
     ->join('business_services', 'users.id', '=', 'business_services.user_id') 
     ->join('listings','users.id', '=', 'listings.user_id') 
     ->select('users.id', 'business_services.name', 'business_services.list_id','listings.location') 
     ->where(['business_services.name'=>$data['service_name'],'users.service_name'=>"Seller"]) 
     ->where('listings.location','like','%'.$data['location'].'%') 
     ->get(); 
     $users = json_decode(json_encode($users),true); 
     foreach($users as $alluser){ 
      $ids[] = $alluser['id']; 
     } 
     $allData=""; 
     if(!empty($ids)){ 
       $allData = User::with('listings')->whereIn('id',$ids)->get(); 
       $allData = json_decode(json_encode($allData),true); 
     } 
     $title = "Nails"; 
     echo "<pre>"; print_r($allData); die; 
    } 
}

來源

2016-11-16 kunal

它看起來像你的服務器正在返回信息作爲一個數組。您可能需要遍歷響應並構建您的html。 –

你想要的輸出是什麼？ –

我想在佈局 – kunal

Iguess那你想返回佈局+數據，所以你可以使用：

return view('layouts.publicLayout.get-listings',compact('allData'));

inste廣告作者：

echo "<pre>"; print_r($allData); die;

您可以使用$allData訪問佈局中的數據。

希望這會有所幫助。

來源

2016-11-16 14:39:26

的問題是這樣的：

echo "<pre>"; print_r($allData); die;

相反的print_r，返回數據爲JSON，以便它可以通過jQuery的解析：

return response()->json($allData);

然後在你的jQuery成功功能，您可以遍歷數據

success:function(allData) 
{ 
    // simple example showing the firstnames 
    var example = ''; 
    $.each(allData, function(){ 
     example += ', ' + this.firstname; 
    }); 
    $("#ajaxListings").text(example); 
},

來源

2016-11-16 13:05:11 MrCode

顯示Html數據不工作MrCode它顯示空白屏幕:( – kunal

其顯示只有我的名字如何顯示我的HTML數據 – kunal

如何在div中顯示AJAX響應數據

回答

相關問題