26.06.2...">
Geek Answers Handbook

JQuery AJAX cannot work with JSON response

I have a JSON response from my php file, for example:

[
  {"id":"1"},
  {"archiveitem":"<small>26.06.2015 12:25<\/small><br \/><span class=\"label label-default\">Bug<\/span> has been submitted by Admin"}
]

And try extracting this answer into the div button after clicking the button, however firebug tells me a message from the error handler. I can not understand the problem?

$('#loadarchive').click(function(){
    $.ajax({
        type: 'post',
        url: '/src/php/LoadAdminDashboardArchive.php',
        dataType: 'json',
        data: {
            action : 'getArchive'
        },
        success: function(results) {
            var archiveelements = JSON.parse(results);
            console.log(results);
            $.each(archiveelements, function(){
                $('#archivecontent').html('<div class="mark-read-container"><span class="btn-mark-unread" id="' + this.id + '">Unarchive</span></div><div class="bs-callout bs-callout-default">' + this.archiveitem + '</div>');
            });
        },
        error: function(){
            console.log('Cannot retrieve data.');
        }
    });
});
+4
source share
5 answers

I managed to get it to work, and the problem was pretty simple ...

I forgot to paste the "button" source code that initiated the ajax request. This was send input, and therefore the page reloaded by default after the response was successful ... therefore e.preventDefault (); there was a way to go.

Thank you everybody.

0
source

I tried running your code and I get

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

dataType: 'json', . - :

success: function (results) {
    if (results["head"]["foo"] != 0) {
        // do something
    } else if (results["head"]["bar"] == 1) {
        // do something
    }
}

:

$.ajax({
    type: 'post',
    url: '/src/php/LoadAdminDashboardArchive.php',
    dataType: 'json',
    data: { action : 'getArchive' },
    success: function(results) {
        console.log(results);
        $.each(results, function(){
            $('#archivecontent').html('<div class="mark-read-container"><span class="btn-mark-unread" id="' + this.id + '">Unarchive</span></div><div class="bs-callout bs-callout-default">' + this.archiveitem + '</div>');
        });
    },
    error: function(){
        console.log('Cannot retrieve data.');
    }
});
+2

, . :

error: function(xhr, mssg) {
    console.log(xhr, mssg);
}
+1

,

[{
  "id":"1",
  "archiveitem":"<small>26.06.2015 12:25<\/small>
<br \/><span class=\"labellabel-default\">Bug<\/span> has been submitted by Admin"
},
{
  ...
}]

, .. JSON.parse , dataType:'json', , json.

, :

 success: function(results) {
            $.each(results, function(ind,el){
                $('#archivecontent').html('<div class="mark-read-container"><span class="btn-mark-unread" id="' + el.id + '">Unarchive</span></div><div class="bs-callout bs-callout-default">' + el.archiveitem + '</div>');
            });
        },
+1

, .

, AJAX - URL- .

Firebug Firefox .

dataType: 'json',
data: { action : 'getArchive' },
success: function(results) {
    var archiveelements = JSON.parse(results);
}

JSON.parse(results), dataType: 'json',, .

+1

More articles:


All Articles