Get json array from php with jquery

Question

I want get a json array from PHP with jQuery, but it is not working.

PHP

$json[] = array(
  'status' => 'no',
  'xxx' => $myhtml
);

echo json_encode($json);

$myhtml is HTML source.

jQuery

$.post('server.php', {'work' : work , 'view_id' : view_id } , function(data){
    var json = JSON.parse(data);
    $('#main-show').html(json.xxx);         
});

I have array json in console, but json.xxx is undefined.

What does it say, when you access server.php via browser? Is JSON data there? — Оzgur
– Оzgur, Commented Apr 17, 2017 at 0:16
Where's the rest of the jQuery code? Like variables work and view_id? is jQuery includes correct ? — Pedro Lobito
– Pedro Lobito, Commented Apr 17, 2017 at 0:39

Pedro Lobito · Accepted Answer · 2017-04-17 00:46:21Z

1

Use JSON.stringify(), the php code is also modified, i.e.:

html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>

<div id="main-show"></div>
<script>
    work = "test";
    view_id = "test2";
    $.post('json.php', {'work' : work , 'view_id' : view_id } , function(data){
        var json = JSON.parse(JSON.stringify(data));
        $('#main-show').html(json.xxx);
    });
</script>
</body>
</html>

php:

<?php
header('Content-Type: application/json');
$myhtml = '<p> TEST </p>';
$json = array(
    'status' => 'no',
    'xxx' => $myhtml
);
echo json_encode($json);

answered Apr 17, 2017 at 0:46

Pedro Lobito

99.8k36 gold badges274 silver badges278 bronze badges

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

Comments

charlietfl · Accepted Answer · 2017-04-17 00:31:16Z

1

You are creating an extra outer array.

Your current JSON would look like:

[
   {"status" : "no",  "xxx" : "html string"}
]

So to access that would need

$('#main-show').html(json[0].xxx);

But it would probably be easier to change php to:

$json = array(
  'status' => 'no',
  'xxx' => $myhtml
);

which when json encoded would produce:

{"status" : "no",  "xxx" : "html string"}

edited Apr 17, 2017 at 0:31

answered Apr 17, 2017 at 0:26

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

Get json array from php with jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related