Getting error while using each loop under ajax

Question

When i am trying each loop under Ajax call, i am getting error as:

TypeError: invalid 'in' operand e

Below is my Ajax call code

    $.ajax({
        type: "POST",
        url: "/admin/counselormanagement/centername",
        data: 'groupId='+valueSelected,
        async: true,
        success: function(arrCenter) {
            $.each(arrCenter, function( intValue, arrValue ) {
                console.log('<option value="' + arrValue['ID'] + '">'+ arrValue['CenterName'] +'</option>');
            });
        }
    });

Response which i am getting back from server is :

Array (
[0] => Array
    (
        [ID] => 4
        [CenterName] => test2
        [ParentName] => 2
        [Parent] => 3
        [GroupName] => test
        [Type] => 1
    )

[1] => Array
    (
        [ID] => 8
        [CenterName] => test21
        [ParentName] => 2
        [Parent] => 3
        [GroupName] => test
        [Type] => 1
    )
 )

I am using PHP as backend, whose code is :

$arrCenterName   = array();
$objCenterMapper = new Application_Model_CentersMapper();
$arrCenter = $objCenterMapper->seekCenters($_POST['groupId']);
print_r($arrCenter[0]);
die();

Did you try to parse you data as json instead of print_r on php ? — Ideal Bakija
– Ideal Bakija, Commented Dec 15, 2015 at 16:28
This code looks fine. can you do a console.log(arrCenter)? — Shyju
– Shyju, Commented Dec 15, 2015 at 16:30
console.log(JSON.stringify(arrCenter)) check. Please attach what type of json you are getting. — Parth Trivedi
– Parth Trivedi, Commented Dec 15, 2015 at 16:30

jogesh_pi · Accepted Answer · 2015-12-15 17:07:49Z

1

Use json_encode() in PHP to return response. And your JS code should be like:

PHP:

$arrCenterName   = array();
$objCenterMapper = new Application_Model_CentersMapper();
$arrCenter = $objCenterMapper->seekCenters($_POST['groupId']);
echo json_encode($arrCenter[0]);
die();

JQuery:

$.ajax({
    type: "POST",
    url: "/admin/counselormanagement/centername",
    data: 'groupId='+valueSelected, 
    dataType: 'json', 
    async: true,
    success: function(arrCenter) {
        $.each(arrCenter, function( intValue, arrValue ) {
            console.log('<option value="' + arrValue.ID + '">'+ arrValue.CenterName +'</option>');
        });
    }
});

answered Dec 15, 2015 at 17:07

jogesh_pi

9,7745 gold badges40 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chizzle · Accepted Answer · 2015-12-15 17:03:07Z

0

Try to echo out your object using json_encode instead:

<?php
$arrCenterName   = array();
$objCenterMapper = new Application_Model_CentersMapper();
$arrCenter = $objCenterMapper->seekCenters($_POST['groupId']);
echo json_encode($arrCenter[0]);
die();

answered Dec 15, 2015 at 17:03

Chizzle

1,7151 gold badge18 silver badges26 bronze badges

Collectives™ on Stack Overflow

Getting error while using each loop under ajax

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related