Get Specfic response from MySql in jQuery AJAX Success

Question

Well i have this ajax code which will return the result from MySql in Success block.

$.ajax({
   type:"POST",
   url:"index.php",
   success: function(data){
            alert(data);                
        }
});

My Query

$sql = "SELECT * FROM tablename";
$rs=parent::_executeQuery($sql);
$rs=parent::getAll($rs);
print_r($rs);
return $rs

My Response Array in alert of Success AJAX

Array
(
    [0] => Array
        (
            [section_id] => 5
            [version] => 1
            [section_name] => Crop Details
            [id] => 5
            [document_name] => Site Survey
            [document_master_id] => 1
            [document_section_id] => 5
        )

    [1] => Array
        (           
            [section_id] => 28
            [version] => 1
            [section_name] => Vegetative Report           
            [id] => 6
            [document_name] => Site Survey
            [document_master_id] => 1
            [document_section_id] => 28
        )

)

I want to get only section_name and document_name from the result so that i can append these two values to my list.

Answer 1

Don't return the response using print_r(), use json_encode():

echo json_encode($rs);

Then in the Javascript, you can do:

$.ajax({
   type:"POST",
   url:"index.php",
   dataType: 'json'
   success: function(data){
        for (var i = 0; i < data.length; i++) {
            console.log(data[i].section_name, data[i].document_name);          
        }
    }
});