Problems with jquery append and json data

Question

I'm having trouble making this work:

$(function() {
    $(".button").click(function() {
        var newentry = $("input#entry").val();
        $.getJSON("/dictionary_request/", {entry: newentry}, function(json){
            $("span").empty();
            alert(json);
            $("span").append(json);
        });
    });
});

The JSON request, the emptied span, and the alert all work fine, but the append doesn't. I'm assuming it's some kind of type error. How can I make it work?

Darin Dimitrov · Accepted Answer · 2009-02-28 16:15:27Z

3

The append method expects a string or DOM node as argument. You are calling it with an object (json). The contents of this object will depend on the data sent by the server. What does the alert print on your screen? Using FireBug you can inspect the properties available to your json object: console.log(json).

edited Feb 28, 2009 at 16:15

answered Feb 28, 2009 at 16:10

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

1 Comment

OwenK Over a year ago

Thanks! The alert had just been showing me comma separated values (God knows why), but it turned out to be strings in a list. It's fixed now.

Collectives™ on Stack Overflow

Problems with jquery append and json data

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related