我使用 PHP 循环在我的页面上回显了用户列表。当我单击每个用户的名称时,会弹出一个 Bootsrap 模态并显示该用户的更多详细信息。链接看起来像这样。
<a href="#user" data-toggle="modal" data-id="{$user['id']}">UserName</a>
如您所见,我将用户的 ID 传递给 Bootstrap 模式,以便我可以通过调用它来检索用户的其他信息get_user_by_id()
在引导模态中。
模态看起来像这样
<div class="modal fade" id="user">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<?php
$user = get_user_by_id($id);
?>
<input type="text" name="bookId" id="bookId" value=""/>
</div>
</div>
JS代码是这样的
$('#user').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget)
var id = button.data('id')
})
根据上面的JS代码,我的用户ID在var id
多变的。
但是,我无法想象如何使用上述 PHP 函数的该值作为参数。
有什么可能的办法吗?
我已经编辑了这个问题,使其关于 AJAX 方法更加独特,大多数答案都基于 AJAX
PS:我对 PHP 和 Bootstrap 很陌生。
你会想要使用ajax http://api.jquery.com/jquery.ajax/运行 PHP。正如 @Tom 所说,在 DOM 中加载后,javascript 无法访问 PHP。 PHP 是一种服务器端语言,只能这样访问。
一旦你通过ajax连接到PHP,你就可以加载div
与返回的内容。只有在加载内容之后才应该打开模式,否则您会看到显示的框跳动,然后内容刚刚出现。
基本示例
$(".btn").click(function(){
// AJAX code here.
$.ajax(
....
success: function($data){
$('.target').html(data)
$("#myModal").modal('show');
}
);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)