AJAX 表单提交后刷新 Div 的内容答案

【问题标题】：Refresh Div's content after AJAX form submissionAJAX 表单提交后刷新 Div 的内容
【发布时间】：2016-02-13 21:11:13
【问题描述】：

我有这个 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;
    });

【问题讨论】：

$('#container').html(data) 不起作用？
@LucHendriks 只是让 DIV 空白
这意味着没有data
@LucHendriks 谢谢，我只需要在 php 文件中回显一些代码
您可能需要#accept_friend 而不是.accept_friend 吗？！

标签： javascript jquery ajax

【解决方案1】：

您将不得不更改 DIV 的 innerHTML 属性。使用 jQuery 可以这样做：

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

所以在你的情况下添加成功功能：

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

或

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

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

【讨论】：