AJAX returning data PHP/MySQL

Question

I have an insert function on my page that uses AJAX/PHP to insert data into myMySQL table, When a row of data is added, my row of data is returned and printed out inside...

 <div id="bills"></div>

I can then add another row of data, When i do this however it overwrites the contents of #bills, is there a way to add it to the information in there as opposed to overwriting that?

AJAX

function insertBill()
{
    $.post('insert_bill.php', $('form').serialize(), 
        function(data) {***
        $("#bills").html(data); 
    });
}

user1233508 · Accepted Answer · 2012-04-13 19:54:57Z

4

$('#bills').append(data);

jQuery.fn.append documentation

answered Apr 13, 2012 at 19:54

user1233508

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

Comments

Stefan · Accepted Answer · 2012-04-13 19:55:42Z

2

Yes:

$("#bills").append(data);

answered Apr 13, 2012 at 19:55

Stefan

3,8993 gold badges28 silver badges39 bronze badges

Comments

Cfreak · Accepted Answer · 2012-04-13 19:55:23Z

1

Instead of .html() use .append()

$("#bills").append(data);

data can contain html tags and jQuery will do the right thing.

answered Apr 13, 2012 at 19:55

Cfreak

19.4k6 gold badges52 silver badges64 bronze badges

Collectives™ on Stack Overflow

AJAX returning data PHP/MySQL

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related