Insert variable value inside html with jQuery

Question

Hi how do you insert the value of the name variable (inside the data object) inside html using jQuery?

Can you achieve this with jQuery? My code:

data = { // data object
    action: 'addMember',
    managerPassword: App.manager,
    name: $('#name_add').attr('value'),
    email: $('#email_add').attr('value')
};

$.ajax({
    url: App.URL_manager,
    data: data,
    dataType: 'json',
    type: 'POST',
    success: function(r) {
        if (r.success) {
            $('.add_staff').fadeOut(1000, function() {
                $('.success').find('#name').([INSERT VARIABLE HERE]);
                $('.success').fadeIn(1000);
            })
        }
        else {
            alert('you looser');
        }
    }
});

YogeshWaran · Accepted Answer · 2012-09-27 12:36:38Z

1

$('.success').find('#name').html(data["name"]);

answered Sep 27, 2012 at 12:36

YogeshWaran

2,2894 gold badges24 silver badges32 bronze badges

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

Comments

Vishal · Accepted Answer · 2012-09-27 12:39:34Z

1

Just use the . to refer object data, You do it like data.name:

success: function(r){
    if (r.success) {
        $('.add_staff').fadeOut(1000, function(){
            $('.success').find('#name').html(data.name);
        $('.success').fadeIn(1000);
        })
}

answered Sep 27, 2012 at 12:39

Vishal

1,2341 gold badge9 silver badges16 bronze badges

Comments

esqew · Accepted Answer · 2012-09-27 12:35:13Z

0

$('.success').find('#name').html(data);

answered Sep 27, 2012 at 12:35

esqew

44.9k28 gold badges139 silver badges179 bronze badges

1 Comment

James Hill Over a year ago

Man, someone is having a bad day. What's with the serial down-votes?

Sender · Accepted Answer · 2012-09-27 12:39:58Z

0

Set attr

$('.success').find('#name').attr('disabled', 'disabled');

if you remove like

$('.success').find('#name').removeAttr('disabled');

answered Sep 27, 2012 at 12:39

Sender

6,90812 gold badges50 silver badges69 bronze badges

Comments

moonwave99 · Accepted Answer · 2012-09-27 12:35:27Z

-1

$('.success').find('#name').html( r.whatYouNeed );

answered Sep 27, 2012 at 12:35

moonwave99

22.9k3 gold badges49 silver badges71 bronze badges

Collectives™ on Stack Overflow

Insert variable value inside html with jQuery

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Linked

Related