javascript - 使用 Ajax 调用的结果更新 div

Question

我想显示下面的 ajax 函数对 dom 中的一个 div(更新 div)的响应。如何在不使用大量插件的情况下完成这项工作。

url: 'http://dowmian.com/xs1/getcam.php',
type: 'GET',
data: {id: <?php echo $cam_id; ?>},
success: function(responseText){
},
error: function(responseText){
}

Answer 1

这取决于您的 getcam.php 函数的返回值，但您可能正在寻找 html() 函数:

$.ajax({
    url: 'http://dowmian.com/xs1/getcam.php',
    type: 'GET',
    data: {id: <?php echo $cam_id; ?>},
    success: function(responseText){
        $('#update-div').html(responseText);
    },
    error: function(responseText){
    }
});

如果你想动态地附加 #update-div，就像在 ajax 调用之前一样，你可以使用 append() 来做到这一点:

$('.container').append($('<div/>').attr('id','update-div'));

引用资料:

• ajax()
• html()
• append()