How do I bind json Array data to html() in mvc

Question

I'm working on mvc5 I want to bind data to div using .html(data)

.done(function (data) {
    var result = $.parseJSON(data);
    $("mydata").html(result);
});

<div id="mydata"></div>

Object data has values like following.

enter image description here

How do I bind values into $("mydata")?

I tried like above but it does not work.

Rory McCrossan · Accepted Answer · 2015-01-22 08:35:05Z

2

Assuming that the response is coming back in JSON format then jQuery will have already deserialised it to an object for you. Calling parseJSON on the resulting object will cause an error.

Also, you are trying to set an object as the HTML value of an element which will result in the text [Object object] being shown. Instead you need to access the properties of that object.

Try this:

.done(function (data) {
    $("#mydata").html(data[0].Address); // will show 'pune'
});

Also note that your selector is missing the # - assuming that you are selecting by id.

edited Jan 22, 2015 at 8:35

answered Jan 22, 2015 at 8:23

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

5 Comments

Edgar Over a year ago

jQuery ID selector... $("#mydata")

Rory McCrossan Over a year ago

@Edgar good catch. I assume that's just a typo the OP made in the question.

Neo Over a year ago

@RoryMcCrossan Watch shows correct value but not displayed in div :O strange why so ? not binding pune value to given div

Rory McCrossan Over a year ago

@anish as Edgar says, you selector should be $('#mydata') - assuming you're selecting by id.

Neo Over a year ago

Damn it ! small mistake how can I do so hurry :( thanks

Collectives™ on Stack Overflow

How do I bind json Array data to html() in mvc

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related