来自动态生成的页面的 Ajax 调用答案

【问题标题】：Ajax call from dynamically generated pages来自动态生成的页面的 Ajax 调用
【发布时间】：2016-10-26 07:42:03
【问题描述】：

我正在尝试使用 Ajax 将 div 从动态生成的页面克隆到另一个页面，结果我一直得到“null”。

这是页面链：Home -> MainCat -> SubCat1 -> SubCat2 -> FinalProd

我需要从 MainCat 克隆一个 div 并将其附加到 FinalProd 页面。

这里是Ajax函数：

function bodyClass(div) {
   var catName = $('#location').children().eq(4).text(),
      rootPar = ('root.com/MainCat/'),
      banner = $('#divToBeCloned').clone().html();

   $.ajax({
      type: "GET",
      url: rootPar,
      dataType: 'html',
      data: {param: div},
      success: function(html){
         console.log(banner);
      }
   });

}
bodyClass();

另外，我也得到了4个同样的错误：

GET chrome-extension://enhhojjnijigcajfphajepfemndkmdlo/cast_sender.js net::ERR_FAILEDOj @ www-embed-player.js:632Pj @ www-embed-player.js:633(匿名函数) @ www-embed-player。 js:633Oj.c.onerror@www-embed-player.js:631

如果我在 Ajax 调用之外通过控制台记录不同的变量，我会得到我需要的正确 url 和 #divToBeCloned 内容。我在 Ajax 中缺少什么？

谢谢。

【问题讨论】：

我在这里要做的 F-I-R-S-T(!) 事情是使用浏览器的调试功能。让它显示 you 浏览器客户端向服务器发送的确切内容，然后，服务器返回的确切内容（字节对字节...）。同时，告诉 JavaScript 在控制台日志中告诉您，EXACTLY(!) 您尝试传递的这三个变量中的内容。
Mike，控制台告诉我上面的代码只是 null。如果我控制每个单独的 var，我会得到我需要的东西，即：catName = mainCat，rootPar = root.com/mainCat，banner = div 中包含的完整 html。奇怪的是，如果我使用 load() 函数，它会按我的意愿工作。
提供完整的 html 页面和所有 API 响应

标签： php jquery ajax dynamic x-cart

【解决方案1】：

如果您将 AJAX 调用更改为如下所示会怎样：

   $.ajax({
      type: "GET",
      url: rootPar,
      dataType: 'html',
      data: {param: div},
      success: function(html){
        console.log($('#divToBeCloned', html).html());
      }
   });

它会成功吗？

【讨论】：