Decoding JSON Data from PHP Page Using Jquery

Question

I want to take data from database and save it in an array. Like this

 var locations = [ ['Current', 18.53515053, 73.87944794, 2],

  ['VimanNagar', 18.5670762, 73.9084194, 1]
];

First of all I have created a php page

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "citytrans";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT * FROM driver_location";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
       echo json_encode($row);
    }
} else {
    echo "0 results";
}
$conn->close();
?>

which gives me below result

{"driver_id":"1","driver_lat":"18.53515053","driver_lng":"73.87944794","driver_code":"122"}{"driver_id":"2","driver_lat":"18.53640175","driver_lng":"73.88206482","driver_code":"133"}

Now I want to convert this into an array using Jquery (I want to decode it ), I just want drivers_lat and drivers_lng value from my jSON data fetched form the database show above.

I am using below code to parse the data form json

jQuery.ajax({                              
    url: baseurl +  "getdriverlocation.php",
    type: "JSON",
    async: false,
    success: function(data){
           var myArray = JSON.parse(data);
                console.log(myArray.driver_lat)
    } 
});

but it is giving me error (shown below)

SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 92 of the JSON data

I just want the two values from json data and save it in an array variable

Please help

the proplem is, that you are concatenating several json-objects to one string, which results in a non valid json. (in your while-loop) — Jeff
– Jeff, Commented Mar 31, 2016 at 12:41
echo json_encode($row); is in a while loop. So the string returned is not proper — Joy Biswas
– Joy Biswas, Commented Mar 31, 2016 at 12:41
There is no such type JSON, i think you missed dataType? — Jai
– Jai, Commented Mar 31, 2016 at 12:42
solution would be to first store all the result in one array, then json_encode that one array and echo that. — Jeff
– Jeff, Commented Mar 31, 2016 at 12:42
Use array..Push in array...and echo it by end of your php script... — Rayon
– Rayon, Commented Mar 31, 2016 at 12:42

Avinash Sinha · Accepted Answer · 2016-03-31 12:59:40Z

2

Use this one..

jQuery.ajax({                              
url: baseurl +  "getdriverlocation.php",
type: "JSON",
async: false,
success: function(data){
       var myArray = jQuery.parseJSON(data);// instead of JSON.parse(data)
       jQuery(myArray).each(function( index, element ) {     
         console.log(element.driver_lat)
       });
} 
});

edited Mar 31, 2016 at 12:59

answered Mar 31, 2016 at 12:42

Avinash Sinha

4243 silver badges16 bronze badges

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

5 Comments

Avinash Sinha Over a year ago

Please provide me the complete output from getdriverlocation.php page

Ankit Sharma Over a year ago

[{"driver_id":"2","driver_lat":"18.53640175","driver_lng":"73.88206482","driver_code":"133"}]

Ankit Sharma Over a year ago

earlier i am gettinh this output {"driver_id":"1","driver_lat":"18.53515053","driver_lng":"73.87944794","driver_code":"122"}, {"driver_id":"2","driver_lat":"18.53640175","driver_lng":"73.88206482","driver_code":"133"} but after using your code i am getting [{"driver_id":"2","driver_lat":"18.53640175","driver_lng":"73.88206482","driver_‌code":"133"}] only one

Ankit Sharma Over a year ago

given in the question

Ankit Sharma Over a year ago

It Works ! Thank you

JBA · Accepted Answer · 2016-03-31 12:43:52Z

1

In your php you should do :

if ($result->num_rows > 0) {
    // output data of each row <- no, build your data, then make only 1 output
    $output = array();
    while($row = $result->fetch_assoc()) {
       $output[] = $row;
    }
    echo json_encode($output);
}

Then in your jQuery, parse the whole json-decoded array...

answered Mar 31, 2016 at 12:43

JBA

2,9091 gold badge24 silver badges40 bronze badges

2 Comments

JBA Over a year ago

what is the resulting json object your PHP sends to jQuery ?

Ankit Sharma Over a year ago

[{"driver_id":"2","driver_lat":"18.53640175","driver_lng":"73.88206482","driver_code":"133"}]

Bahram Hasanov · Accepted Answer · 2016-03-31 12:45:33Z

1

Your json data is invalid. You must put comma bettween two JSON Objects Your respons must be {"driver_id":"1","driver_lat":"18.53515053","driver_lng":"73.87944794","driver_code":"122"}, {"driver_id":"2","driver_lat":"18.53640175","driver_lng":"73.88206482","driver_code":"133"}

answered Mar 31, 2016 at 12:45

Bahram Hasanov

351 silver badge7 bronze badges

1 Comment

Satish Kumar sonker Over a year ago

this is also invalid

Satish Kumar sonker · Accepted Answer · 2016-03-31 12:59:46Z

0

As i identified your Response JSON format is invalid, response JSON format should like this in order to parse into JSON via JSON.parse()

    [{"driver_id":"1","driver_lat":"18.53515053","driver_lng":"73.87944794","driver_code":"122"},
{"driver_id":"2","driver_lat":"18.53640175","driver_lng":"73.88206482","driver_code":"133"}]

answered Mar 31, 2016 at 12:59

Satish Kumar sonker

1,3089 silver badges16 bronze badges

Comments

Stéphane M · Accepted Answer · 2016-03-31 13:54:37Z

0

Try this

$arrTmp = array();
if ($result->num_rows > 0) {
   // output data of each row
   while($row = $result->fetch_assoc()) {
      $arrTmp[] = $row;
   }
}
echo json_encode($arrTmp);

And maybe the jQuery tools bellow for old browsers

$.parseJSON(data);

answered Mar 31, 2016 at 13:54

Stéphane M

1437 bronze badges

Collectives™ on Stack Overflow

Decoding JSON Data from PHP Page Using Jquery

5 Answers 5

5 Comments

2 Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

2 Comments

1 Comment

Comments

Comments

Linked

Related