通过 jQuery.get() 从另一个页面绘制的 html 的阴影盒显示

Question

我对 Ajax 有点陌生，希望大家能建议这两种方法中哪一种最有效。这两种方法似乎都有效，但也许还有更好的方法？

thisPage.html 想要显示从 thatPage.html（在同一主机上）绘制的 html blob，以响应对链接的点击。我使用 Shadowbox 的 html 播放器来显示 blob，并使用 jQuery 的 get() 作为 XMLHttpRequest 的快捷方式。

在我的第一个解决方案中， thisPage.js 包含这个函数：

function loadEntry(entry){
  jQuery.get('thatPage.html', function(data){
    var elem = document.createElement("div");
    elem.innerHTML = "<div class='entry-to-show'>" + jQuery(data).find("a[name='" + entry + "']").parent().parent().html() + "</div>";

    Shadowbox.open({
      options: {
        enableKeys: false
      },
      player: 'html',
      content: elem.innerHTML
    });
  });
};

但后来我想，与其每次调用 loadEntry 时都让 thisPage 加载 thatPage，我只需在加载 thisPage.js 时调用它一次，将其包装为包含以下内容的变量：一个 jQuery 对象并像这样访问它：

var $Content = null;

jQuery.get('thatPage.html', function(data){
  $Content = jQuery(data).find("#content");
});

function loadEntry(entry){

  elem = $Content.find("a[name='" + entry + "']").parent().parent().html();

  Shadowbox.open({
    options: {
      enableKeys: false
    },
    player: 'html',
    content: elem
  });
};

第二种方法实际上更有效，还是有其他方法更适合我想要做的事情？欢迎任何建议或一般性意见。

谢谢， 杰恩

Answer 1

你的第二种方法肯定更有效。如果不更多地了解您通过从一个页面加载信息到另一个页面实际上试图解决什么问题，我无法提供更好的解决方案，尽管我无法想到您正在做的任何情况都是不合适的解决方案。