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

Refresh Div's content after AJAX form submission

本文关键字：Div 刷新 提交 AJAX 表单      更新时间：2023-09-26

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

你必须改变DIV的innerHTML属性..使用jQuery，它是这样完成的：

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

因此，在您的情况下，添加成功函数：

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

或 

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

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

相关文章：