Javascript 从数据库中提取数据并在Modal中显示
我有一个小的家谱网站,我正在创建。我在mysql数据库中有每个人的信息,我想在一个模式中显示,当一个人点击任何人时,这个模式会弹出 不,我已经为模态部分启动并运行了所有HTML和CSS。我还知道一些基本的php,可以编写一个相当简单的脚本,从数据库中提取信息(粘贴在下面)。但是我现在有两个问题:Javascript 从数据库中提取数据并在Modal中显示,javascript,php,html,twitter-bootstrap,Javascript,Php,Html,Twitter Bootstrap,我有一个小的家谱网站,我正在创建。我在mysql数据库中有每个人的信息,我想在一个模式中显示,当一个人点击任何人时,这个模式会弹出 不,我已经为模态部分启动并运行了所有HTML和CSS。我还知道一些基本的php,可以编写一个相当简单的脚本,从数据库中提取信息(粘贴在下面)。但是我现在有两个问题: 如何编写sql语句,使php只提取特定人员的信息。我不知道如何为数据库中的每个人编写php脚本 树上的每个人都写着: <a href="#" class="md-trigger" data-mod
<a href="#" class="md-trigger" data-modal="modal-3">Tywin Lannister</a>
我想知道我将如何替代硬编码的名称,使1个php脚本的所有名称只显示其信息的工作
<div class="md-modal md-effect-1" id="modal-3">
<div class="md-content">
<h3>Person Information</h3>
<div>
<ul>
<li><strong>Name:</strong>Tywin Lannister.</li>
<li><strong>DOB:</strong> 28th July 1994.</li>
<li><strong>BirthPlace:</strong> Chicago.</li>
<li><strong>Occupation:</strong> Student.</li>
<li><strong>About:</strong> The Persons information will go here. Probably dynamic and deruved from a database.</li>
<li><strong>Contact:</strong> Contact information with FB, twitter and email address.</li>
</ul>
<button class="md-close">Close me!</button>
</div>
</div>
</div>
个人信息
- 姓名:Tywin Lannister
- DOB:1994年7月28日
- 出生地:芝加哥
- 职业:学生
- 关于:人员信息将转到此处。可能是动态的,并从数据库中删除
- 联系方式:带有FB、twitter和电子邮件地址的联系方式
关上我!
我的php脚本如下所示:
<?php
$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = 'password';
$conn = mysql_connect($dbhost, $dbuser, $dbpass);
if(! $conn )
{
die('Could not connect: ' . mysql_error());
}
$sql = 'SELECT * from family_table';
mysql_select_db('family');
$retval = mysql_query( $sql, $conn );
if(! $retval )
{
die('Could not get data: ' . mysql_error());
}
while($row = mysql_fetch_array($retval, MYSQL_ASSOC))
{
echo "Name :{$row['Name']} <br> ".
"Nickname : {$row['Nickname']} <br> ".
"Age : {$row['Age']} <br> ".
"DOB : {$row['DOB']} <br> ".
"About : {$row['About']} <br> ".
"Contact : {$row['Contact Information']} <br> ".
"--------------------------------<br>";
}
echo "Fetched data successfully\n";
mysql_close($conn);
?>
有两个选项供您选择:
1.当加载页面时,你需要加载所有人的模式窗口,并根据你的决定给他们一个I'd。
这是一个简单的方法。
2.这是更难但更好的方法,
您可以使用ajax加载人员信息。
您可以通过创建一个php文件来实现这一点,该文件接收个人id或其他信息,然后回显其信息。
以下是一个例子:
.ajax({
url : "URL to post the data to",
type: "POST",
data : person_id,
success: function(data)
{
//$('#id of a div inside the modal').html(data);
}
});
也许这个医生的问题/答案可以帮助你:我确实经历过。但那个页面涉及javascript,我想我并不热衷于使用它,因为我还需要查找基础知识
.ajax({
url : "URL to post the data to",
type: "POST",
data : person_id,
success: function(data)
{
//$('#id of a div inside the modal').html(data);
}
});