我有一个 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
,但这不起作用。
最佳答案
这个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'
});
});
关于javascript - 将数据插入 Bootstrap 弹出窗口的 AJAX 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28162139/