Pass JSON Array from PHP to Java script

Question

I have went through many solutions 1 but not getting json in java script getting an error.In my myfile.php file it contains

<?php
 ................
print json_encode($data, JSON_NUMERIC_CHECK);
mysql_close($con);
?>
<html>
    <head>
         <script type="text/javascript" src="jquery.min.js"></script>
         <script type="text/javascript" src="example2.js"></script>
        <script>
           var json= loadJsonFromPHP(<?php echo json_encode($data) ?>);
           //var json= <?php echo json_encode($data) ?>;
        </script>
    </head>
    <body></body>
</html>

In my example2.js file

var loadJsonFromPHP = function(json) {
    console.log(json);
}

function init(){
  // init data
  var json =loadJsonFromPHP(json);
 }

getiing an error Cannot read property 'id' of undefined at console.log(json);,I am new to PHP ,and have no idea where am i getting wrong,

i have tried with .getJson in my js but getting error ReferenceError: $ is not defined

function init(){
      // init data
var json=$.getJSON('http://localhost/myfile.php', function(data) {
    console.log(data);
});

}

Stuck completely,any help,thanks.

I think you have to drop this function and keep : var json = <?php echo json_encode($data) ?>; access to json as a regular object. ie: var l = json.l, var i = json.i, etc... — Louis XIV
– Louis XIV, Commented Dec 10, 2013 at 13:09
then you need to $.parseJSON() in your second example, cause the variable json is string at the moment. — Vahe Shadunts
– Vahe Shadunts, Commented Dec 10, 2013 at 13:57
@VaheShadunts same error ReferenceError: $ is not defined ,thanks — Aashu
– Aashu, Commented Dec 10, 2013 at 14:10

webzar · Accepted Answer · 2013-12-10 13:03:08Z

0

Your myfile.php should only contan echo json_encode($data)

answered Dec 10, 2013 at 13:03

webzar

1148 bronze badges

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

Comments

John Hall · Accepted Answer · 2013-12-10 13:12:21Z

In "myfile.php" you can do something like this...

<?php
$array = array(
   "success" => true,
   "message" => "Greetings from the Server!"
);
echo json_encode($array);
?>

In your HTML file...

<html>
<head>
<script src='js/jquery.js'></script> <!-- your path to jquery goes here -->
</head>
<body>

<div id="target">Message from Server will appear here</div>

<script type="text/javascript">
    // On ready 
    $(function() {
    $.ajax({
        url: 'myfile.php',
        // Before sending the request, show a loading message
        beforeSend: function(){
            $("#target").html("Waiting for response...");
        }
    })
    .done(function(response){
        // Write the response message to the target div
        $("#target").html(response.message);
    });
</script>

<body>
</html>

And that should really do it.

You can reference the jQuery documentation for .ajax here: http://api.jquery.com/jQuery.ajax/

Raymond Elferink · Accepted Answer · 2013-12-10 13:19:28Z

0

In javascript you need to parse the JSON string:

var jsonobj = JSON.parse('<?php echo json_encode($data) ?>');

answered Dec 10, 2013 at 13:19

Raymond Elferink

2331 silver badge6 bronze badges

1 Comment

Raymond Elferink Over a year ago

JSON.parse is not part of jQuery. Are you sure your jQuery library is properly included?

Jossi · Accepted Answer · 2013-12-10 13:38:10Z

0

In http://localhost/myfile.php make sure you have:

//You cannot have any echo here you must have clean json-string.
$json = json_encode( $data );
if( json_last_error() === JSON_ERROR_NONE ){
    http_response_code(200);//ok
    header('Content-type: application/json');
    die( $json );
}else{
    http_response_code(500);//server error
    die( 'Cannot encode $data.' );
}

edited Dec 10, 2013 at 13:38

answered Dec 10, 2013 at 13:29

Jossi

1,0901 gold badge18 silver badges28 bronze badges

Comments

Aashu · Accepted Answer · 2013-12-20 09:36:50Z

0

Finally XMLHttpRequest worked out for me in example2.js ,hope it will help.

request = new XMLHttpRequest( );
 request.open("GET", "my.php", false);
 request.send(null);
  var json = eval ("(" + request.response + ")");

edited Dec 20, 2013 at 9:36

answered Dec 20, 2013 at 8:54

Aashu

1,2851 gold badge26 silver badges42 bronze badges

Collectives™ on Stack Overflow

Pass JSON Array from PHP to Java script

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Linked

Related