同一页面中的AJAX加载会导致div重复出现

Question

我正在对同一页面执行ajax调用，但是它会重新加载现有的div。我想知道是否有办法压制它？这里有更多细节：

我的项目设置

index.php - 打开记录控制器

/**app logic**/

view('open',$data); //require '../views/layout.php';

layout.php中

/*all the js scripts and stylesheets loaded here*/

<div id='logo'></div>
<div id='nav'></div>

include($path); //loads the open.view.php file

open.view.php

/*AJAX call to self*/


function getViaAjax(chosenGroup){
    $.post('index.php',{group:chosenGroup},
                function(data)
                {   
                    $("#default").remove();
                    $('#group-tickets').html(data);
                });
}

正如您可能知道的那样，这会导致#logo和#nav div在页面上重复。我知道我可以将AJAX帖子发送到不同的文件，我会彻底解决这个问题，但我想知道是否有办法做到这一点？

Answer 1

试试这个Link。文档说明：The .load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted.

$('#result').load('ajax/test.html #container');