Question

如何在ajax请求后刷新或重新加载div？我有这个代码：

function Register(event) {
event.preventDefault();
    console.log(event);
    $.ajax({
        type: 'POST',
        url: register,
        data: {
            name: $('#name').val(),
            email:   $('#Email').val(),
            password: $('#password').val(),
            _token: $('#token').val()
        },
        dataType : "json",

        success: function (data) {
           if (data.success){

             $('#header').
               $('#Register').modal('hide');

           }
        }
    });

}

我需要重新加载或刷新标题div。

Answer 1

您可以像这样加载div。请注意divid (" #divid");

之前的空格

if (data.success){
   $("#divid").load(" #divid");
    }

Answer 2

我知道这则帖子已经过时并且已经回答。但是我想添加一些东西。如果您查看@Sree KS的答案，它将把div加载到现有div的顶部。这不理想。方法完成后，只需运行inspect div。

为避免此问题，请使用以下代码：

$("#divid").load(" #divid > *");

希望这将对遇到相同问题的所有人有所帮助。

Answer 3

我认为您在登录后尝试重新加载标题部分以显示用户名，注销等。要做到这一点，你必须将你的ajax方法中的所有html返回到＆＃34; data.success＆＃34;使用类似json编码的变量。

your ajax method function () {
    $response = array('success' => 'Your html data come here');
    echo json_encode($response);
    exit(0);
}

在ajax请求后重新加载div

3 个答案: