使用Ajax调用的结果更新div

时间:2012-04-28 09:26:05

标签: javascript ajax jquery

我想将下面的ajax函数的响应显示给dom中的div(update div)。如何在不使用重插件的情况下完成这项工作。

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

4 个答案:

答案 0 :(得分:5)

这取决于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'));

<强>参考

答案 1 :(得分:1)

内部成功,请执行以下操作:

success: function(responseText) {
    $("#target").text(responseText);
},

答案 2 :(得分:0)

利用你拥有的空“成功”处理函数。

答案 3 :(得分:0)

试试这个:

success: function(responseText) {
    $("#update-div").text(responseText.d);
},

您可以从here

获取更多信息