在新窗口或标签中打开 AJAX 链接

Question

我有一个页面，其中包含将新内容加载到其中一个 div 中的链接。这工作正常，但如果用户右键单击并选择“在新选项卡中打开”，我还想为用户提供在新选项卡中打开这些链接的选项。

因此，javascript AJAX 将正常处理新内容的加载，但如果他们选择“在新选项卡中打开”，则主 HREF 可能会触发并将用户带到包含另一个内容的完整页面标签。比如：

<a href="example.com/fullPageWithContent.html" onclick="loadContentOnly(1);">Click me</a>

<script>
function loadContentOnly(n) {
event.preventDefault(); //Some condition here?

// AJAX load content for n...

};
</script>

如何最好地做到这一点？ （我使用的是 jQuery，但一个普通的解决方案更好！）

Answer 1

不清楚在新页面中显示的决定是否是全局的。

以下假设它是预先确定的

<a href="example.com/fullPageWithContent.html" onclick="return loadContent(1, this);">Click me</a>

<script>
function loadContent(n, el) {

  if(showInNewPage){
     el.target = '_blank';
     return true;
  } else{    
      // AJAX load content for n...

      return false;    
};
</script>