Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ajax请求后重新加载div_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 在ajax请求后重新加载div

Javascript 在ajax请求后重新加载div,javascript,jquery,ajax,Javascript,Jquery,Ajax,如何在ajax请求后刷新或重新加载div?我有以下代码: function Register(event) { event.preventDefault(); console.log(event); $.ajax({ type: 'POST', url: register, data: { name: $('#name').val(), email: $('#Email').val

如何在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。

您可以这样加载div。请注意divid
(“#divid”)前面的空格


我认为您正在尝试在登录后重新加载标题部分,以显示用户名、注销等。 要做到这一点,您必须使用json encode等将ajax方法中的所有html返回到“data.success”变量中

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

我知道这篇帖子很老,已经有人回复了。但我想补充一点。如果您查看@Sree KS的答案,它会将div加载到现有div之上。这并不理想。方法完成后,只需运行inspect div

要避免此问题,请使用以下代码:

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

希望这能对有同样问题的人有所帮助。

重新加载是什么意思?这是一个表单吗?请您向我们展示您的
视图
html
?可能重复的.ajaxComplete(函数(事件、请求、设置){});适用于ajax complete/after ajaxI希望在用户登录后重新加载标题。只需重新加载标题。我只需要重新加载。用户名等。我使用php来显示。在ajax中调用success:function(data){if(data.success){$('#header').html(data.success);}}简单而甜蜜。你的回答对我很有帮助。谢谢但是你能解释一下为什么空间很重要吗?没有它真的不行,我只是想知道为什么。在jquery文档中找不到关于这方面的信息。谢谢你的回答,它节省了我的时间。这很好,但是我的div中的文本稍微向左移动,我不明白为什么会这样。有什么解决方案吗?我有一个输入矩阵,其中边框根据输入的值进行更改,在ajax调用后不会刷新。你用这个解决方案救了我一天+1谢谢。直到我找到这个答案,我才明白为什么会有一个额外的div。非常正确。我可以确认我能够复制上述行为,并且上面的解决方案修复了它。谢谢分享。我同意。这是最好的选择!应用此选项后,我可以看到div没有被复制,但是div中的值不再可见,除非我手动重新加载页面,为什么?
$("#divid").load(" #divid > *");