在成功jQuery上刷新div

Question

I would simply like to refresh the content of the div on success. The content inside the div is a php code which retrieves records from the database. I tried the below but the div just disappears and nothing is being refreshed. Can someone help me out?

<div class="div_wrap">
<?php
$stmt = $db->prepare("select * from inbox where username = ? and id = ?");
$stmt->bind_param('ss', $username, $id);//the vars are already defined.
$stmt->execute();
$result = $stmt->get_result();
while($row = $result->fetch_assoc())
{
echo $row['message'];
echo $row['date'];
}
?>
</div>

<script>
var dataString = 'message='+ message + '&subject='+ subject;
    $.ajax({
        type: "POST",
        url: "message.php",
        data: dataString,
        cache: false,
        beforeSend: function() {
            $("#errormsg").html('<div style="padding-left:120px;">Please wait<img src="image/loader.gif" alt="Loading...." align="absmiddle" title="Loading...."/></div><br clear="all">');

        },
        success: function(response) {
            $('.div_wrap').html(response);
        }
    });
</script>

Answer 1

First, your div should look like this:

<div class="div_wrap">

</div>

Then, for your ajax success function to load the content into the div , your php should return the html code it self, something like this:

echo "table><tr><td>Super content</td></tr></table>";