javascript - 将数据插入 Bootstrap 弹出窗口的 AJAX 请求

Question

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

$(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 新手，所以我可能错过了一些明显的东西。

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

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

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'    
  });
});