$ .ajax（）は成功してもdivをdivとdiv（同じID名）から更新しません

Question

私は2つのファイルhtmlを持っていますが、どちらもid = exampleという同じ名前のdivを持っています。私は、$ .ajax（）を使用して2番目のファイルからコンテンツをロードし、代わりに最初のファイルのdivに現在のテキストを入れたいと思います。問題は、$（data）.find（ '＃example'）は要素#exampleを返さないということです。私はこのエラーが私は同じIDの名前を使用していますが、結局私は別のファイルからこのdivをダウンロードしたいので、私は理解していないことを知っている。誰でも説明できますか？

のindex.html：

<nav> 
    <ul> 
     <li><a href="index.html">home</a></li> 
     <li><a href="contact.html">contact</a></li> 
    </ul> 
</nav> 
<div id="example">one one one one </div> 

contact.html：

<nav> 
    <ul> 
     <li><a href="index.html">home</a></li> 
     <li><a href="contact.html">products</a></li>       
    </ul> 
</nav> 
<div id="example">one one one one </div> 

$('nav a').on('click', function(e){ 
 
    e.preventDefault(); 
 
    var url = this.href; 
 

 
    $.ajax({ 
 
     type: "POST", 
 
     url: url,  
 
     success: function(date){ 
 
      $('#example').html($(date).find('#example')); 
 
     } 
 
    }); 
 
});

Answer 1

$('nav a').on('click', function(e){ 
 
    e.preventDefault(); 
 
    var url = this.href; 
 

 
    $.ajax({ 
 
     type: "POST", 
 
     url: url,  
 
     success: function(response){ 
 
      $('#example').html($(response.data).find('#example')); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

https://gitlab.com/Piterden/mcmp-pyro/blob/1.0/addons/default/defr/mcmp-theme/resources/js/theme/init.js#L144