Ajax Json parsed blank result

Question

I am trying to parse some JSON data through AJAX i followed an example from here:

how to parse json data with jquery / javascript?

On the example, they can get it working, but on my exmaple, the

turned blank.

I tried just echoing the php, the JSON displayed with no problem either. Wondering what the problem is.

<!DOCTYPE HTML>
<html>
<head>
  <link type ="text/css" rel="stylesheet" href= "css/bootstrap.css">
 <link type ="text/css" rel="stylesheet" href= "css/account.css">
</head>



 <body>
    <p id="result">fefe</p>>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>
     <script>
    $.ajax({ 
                    type: 'GET', 
                    url: 'get.php', 
                    data: { get_param: 'value' }, 
                    dataType:'json',
                    success: function (data) { 
                                        var names = data
                        $('#result').html(data);
                    }
                });
        </script>
    </body>
    </html>

What the JSON result looks like in php:

    [{"id":"1","userid":"26","title":"654","description":"654"}]

Did you try using this part of the answer?? http://stackoverflow.com/a/8951837/3492139 — ngrashia, Jul 04 '14 at 07:52
And yes i used that part of the answer, it doesnt display anything for me — Benyaman, Jul 04 '14 at 07:53
When you put `console.log(data)` in `success`, what do you see in browser console? — Alex P, Jul 04 '14 at 07:58
Is that just an example, or are you trying to use jQuery without including jQuery in head ? — Sebastien C., Jul 04 '14 at 07:59
when i put console.log(data) i got this Uncaught ReferenceError: data is not defined — Benyaman, Jul 04 '14 at 08:00
If i put data: { get_param: 'value' }, then there is nothing in the console — Benyaman, Jul 04 '14 at 08:06
can you debug the javascript at line var names = data, then type 'data' in console when debugging, what's the result of it, is it an object? — Kyojimaru, Jul 04 '14 at 08:09
not sure how to debug but i typed data in console and i got ReferenceError: data is not defined — Benyaman, Jul 04 '14 at 08:14

Kyojimaru · Accepted Answer · 2014-07-04T08:50:42.283

1

what is the type of data? try add this line in your code on success function

success: function (data) {
    console.log(data);
}

is it an array of objects, if yes maybe you can try this

$.ajax({ 
    type: 'GET', 
    url: 'get.php', 
    data: { get_param: 'value' }, 
    dataType:'json',
    success: function (data) { 
        for(var i=0; i<data.length; i++) {
            // do your things here using data[i].description until data[i].userid
        }
    }
});

edited Jul 04 '14 at 08:50

answered Jul 04 '14 at 08:16

Kyojimaru

2,694
1
14
22

console returned this [Object, Object, Object, Object, Object, Object, Object] – Benyaman Jul 04 '14 at 08:17
1

can you add some screenshot of it, or update your question with the data that you get from the console – Kyojimaru Jul 04 '14 at 08:18
that is thing i got from the console, i literally copied and pasted it. – Benyaman Jul 04 '14 at 08:19
I added a picture of what it looks lile from the console – Benyaman Jul 04 '14 at 08:20
click the triangle in the left to show more detail about it – Kyojimaru Jul 04 '14 at 08:22
can you show more, until it looks like this http://imgur.com/VIuDqwa, it should be only one more click for each object – Kyojimaru Jul 04 '14 at 08:25
Edited added a new screenshot – Benyaman Jul 04 '14 at 08:27
Uncaught SyntaxError: Unexpected token o – Benyaman Jul 04 '14 at 08:32
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/56755/discussion-between-kyojimaru-and-clarklight). – Kyojimaru Jul 04 '14 at 08:33

score 0 · Answer 2 · answered Jul 04 '14 at 07:56

0

Try this

$.ajax({
      type: "GET",
      dataType: "json",
      url: "getjobs.php",
      data: data,
      success: function(data) {
       $('#result').html(data);

        }
      });

answered Jul 04 '14 at 07:56

sush

379
1
3
11

try querying php script directly and check if it works /getjobs.php?value= – sush Jul 04 '14 at 08:00
yup, i have the normal JSON data like this [{"id":"1","userid":"26","title":"654","description":"654"}] – Benyaman Jul 04 '14 at 08:03
Keep the php file in the same folder . or try changing the URL to relative url – sush Jul 04 '14 at 08:12

score 0 · Answer 3 · answered Jul 04 '14 at 07:57

0

Try setting $.ajax's datatype is set to jsonp. Also try to alert the return value.

      $.ajax({ 
            type: 'GET', 
            url: 'get.php', 
            data: { get_param: 'value' }, 
            dataType:'jsonp',
            success: function (data) { 
                alert('data is ::' +data);
                $('#result').html(data);
            }
        });

answered Jul 04 '14 at 07:57

ngrashia

9,869
5
43
58

It gives me GET 404 not found – Benyaman Jul 04 '14 at 08:22
change the url to getjobs.php – sush Jul 04 '14 at 08:37

score 0 · Answer 4 · answered Jul 04 '14 at 08:23

0

Try this:

$.ajax({ 
            type: 'GET', 
            url: 'get.php', 
            data: { get_param: 'value' }, 
            dataType:'json',
            success: function (data) { 
                 console.log(data);
            }
        });

in the console(such as chrome browser`s development tools), you can see the actual result.

answered Jul 04 '14 at 08:23

mylxsw

86
2
4

Everything just displays Object i added a screenshot in the question above – Benyaman Jul 04 '14 at 08:25
You should not pass the json object to ```$('#result').html()```, ```$('#result').html()``` only accept string value or callback function as parameter. – mylxsw Jul 04 '14 at 08:34

Ajax Json parsed blank result

4 Answers4

Linked

Related