Question

我有一个从页面获取数据的AJAX请求，应将其插入到引导程序弹出窗口中，但它不起作用。

$(document).ready(function(){
  $('#req').popover({ 
    html : true,
    content: function() {
    $.ajax({
    url: "/requests",
    success: function(data){
        var page = $(data);
        var req = page.find('#reqP').html();
        console.log(req);
        return $(req).html();
        }
    });
    }
  });
});

这会使数据正常并记录到控制台，但它不会显示在弹出窗口中。我是JS的新手，所以我可能错过了一些明显的东西。

此外，在您的回答中，如果您可以包含为什么我正在做的事情不起作用，那就太棒了。

编辑：我还尝试在return请求之前添加$.ajax(...)，但这不起作用。

Answer 1

这个Bootply向您展示了如何使用您的想法来检索html Bootply登录页面的登录信息：

HTML：

<div class="container">
  <p>Test:</p>
  <div class="col-md-12 text-center">
     <a id="example" href="#" class="btn btn-primary">Show Bootply Login</a>
   </div>
</div>

JS：

$(document).ready(function(){
  $('#example').popover({ 
    html : true,
    content: function() { 
      var page= $.ajax(
        {url: 'http://www.bootply.com',
         async: false}).responseText;      
      var req = $(page).find('#menuLogin');
      return req.html();
    },
    placement:'bottom'    
  });
});

AJAX请求将数据插入bootstrap popover

1 个答案: