laravel get object data from JSON response giving undefined - php

Question

i'm using ajax to get data from model by controller every thing is running nice i think and when i check with console.log(response) i get
Object {buyTemps: Object}
and in side the object i found All data inside the array up to now every thing is good
ajax
$(".buy-tr").click(function(e){
var
data = {},
$row = $(this).closest("tr"), // Finds the closest row <tr>
$tds = $row.find("td:nth-child(1)"); // Finds the 2nd <td> element
$.each($tds, function() { // Visits every single <td> element
data={buyId:$(this).text()};
});
// $(this).find('input:radio').prop('checked', true);
$(".buy-tr").click(function(e){
var
data = {},
$row = $(this).closest("tr"), // Finds the closest row <tr>
$tds = $row.find("td:nth-child(1)"); // Finds the 2nd <td> element
$.each($tds, function() { // Visits every single <td> element
data={buyId:$(this).text()};
});
$.ajax({
url : "/buy/selectTable",
type : 'GET',
dataType : 'json',
data : data,
success : function(response) {
console.log(response);
$('#buyItem-table tbody').empty();
$.each(response,function(index, v){
$('#buyItem-table tbody').append(
"<tr><td>" + v.buyItemTempId
+ "</td><td>" + v.itemName
+ "</td><td>" + v.itemExpire
+ "</td><td>" + v.buyPrice
+ "</td><td>" + v.buyBox
+ "</td><td>" + v.itemPacking
+ "</td><td>" + v.buyQty
+ "</td></tr>" );
});
},
error : function(response) {
swal("error");
}
at my controller
public function selectItemTable()
{
$buyId = Input::get('buyId');
$buyTemps = DB::table('vbuytemp')->where('buyId',$buyId)->paginate(10);
return Response::json(compact('buyTemps'));
}
the consol.log(v)
Object {total: 1, per_page: 10, current_page: 1, last_page: 1, next_page_url: null…}current_page: 1data: Array[1]0: Objectbarcode: "08815408"buyBox: 30buyId: 2buyItemTempId: 2buyPrice: "2.500"buyQty: 90itemExpire: "2018-01-04"itemId: 2itemName: "Panadol Extra tab"itemPacking: 2minQty: 1roofId: 1sellingForm: 1__proto__: Objectlength: 1__proto__: Array[0]from: 1last_page: 1next_page_url: nullper_page: 10prev_page_url: nullto: 1total: 1__proto__: Object__defineGetter__: __defineGetter__()__defineSetter__: __defineSetter__()__lookupGetter__: __lookupGetter__()__lookupSetter__: __lookupSetter__()constructor: Object()hasOwnProperty: hasOwnProperty()isPrototypeOf: isPrototypeOf()propertyIsEnumerable: propertyIsEnumerable()toLocaleString: toLocaleString()toString: toString()valueOf: valueOf()get __proto__: get __proto__()set __proto__: set __proto__()
the result all table cell fill with undefined

Answer 1

Your issue is that you are looping through response data at the wrong point. When you call $.each you are actually looping through all of the pagination metadata (total, per_page, etc.). The actual data you want is contained inside the data array. So just loop through that array instead and it should work.
$.each(response.data,function(index, v){
//now v.buyItemTempId and other properties exist
}