AJAX：如果右键单击打开新选项卡，则渲染整个页面

Question

我在链接上使用AJAX将数据插入同一页面中的某个<div>。但是，如果用户右键单击并在新选项卡中打开，则新页面将仅包含数据，而不包含其他页面元素。如何为右键单击新选项卡呈现整个页面？

HTML：

<a class=".updateContent" href="...">The link</a>
...
<div id="content></div>

AJAX：

$(document).ready(function() { 
  $('.updateContent').click(function() { 
    var url = $(this).attr('href'); 
    $('#content').load(url); 
    return false; 
  }); 
});

Answer 1

不要使用href。使用href，用户可以选择在新的选项卡/窗口中打开或复制/粘贴，无论您做什么（除非完全禁用右键单击，但这很烦人）。我建议如下：

<a class="updateContent" data-url="...">the link</a>

然后你的jQuery

var url = $(this).data('url');