javascript - AJAX 表单提交后刷新 Div 的内容

Question

我有这个 Ajax 代码来提交一个 PHP 表单。代码有效，但我想要 <div>内容应该更改为刷新而不刷新整个页面。

div 的 ID 是#container。

这是 AJAX 代码:

$('.accept_friend').submit(function(){
        var data = $(this).serialize();

        $.ajax({
            url: "../accept_friend.php",
            type: "POST",
            data: data,
            success: function( data )
            {
               //here is the code I want to refresh the div(#container)

            },
            error: function(){
                alert('ERROR');
            }
        });

        return false;
    });

Answer 1

您将不得不更改 DIV 的 innerHTML 属性.. 使用 jQuery 是这样完成的:

$('#container').html('... new content goes here...');

所以在你的情况下添加成功函数:

$('#container').html(data);

或

$('#container').html(data.someAttribute);

取决于返回数据的类型和结构。