gpt4 book ai didi

php - 使用 AJAX/PHP/MySQL 的地址簿 - 1 个文件中的完整项目 :)

转载 作者:行者123 更新时间:2023-11-29 14:44:30 24 4
gpt4 key购买 nike

作为一个雄心勃勃的梦想:S 我想通过一个小地址簿项目来学习 AJAX。我的想法是制作一些 IPAD 风格的东西,因为左侧将是一个联系人列表,当您选择一个时,屏幕的另一部分将填写联系人表单,以便能够更改或仅显示它。

我的 SQL 结构是:

Contact         |  Address  |  Email

id id id
contact_first address1 email
contact_sur address2
contac_mobil town
email_id postcode
address_id country

我不是要求别人为我写它 - 这会很愚蠢:)但我要求社区给我一些信息,以便我能够理解和组合 - 更重要的是我可以稍后更改甚至扩展 - 一些东西我会把测试作为家庭作业。如果可能的话,我想建立“最佳实践”解决方案。

希望这个愚蠢的游戏能够容纳在这里。

任何想法都会非常感激。

addressbook.php - 我最初的想法

<?php 
include("db_con1.php");

// left side people list
$peoplelist='SELECT contact_first, contact_sur, contact_mobil FROM contactmain WHERE status=1';
$queryl = $pdo->prepare($peoplelist);
$queryl->execute();
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
<head>
<title>Email sending program</title>
<link rel="stylesheet" type="text/css" href="css/adminolok.css">
<link rel="stylesheet" type="text/css" href="css/menu.css">
</head>

<body>
<?php include("menu.php"); ?>


<div id="leftnavigation">
<ul>
<?php foreach ($queryl as $i => $rowl) { ?>
<li >
<label for="contact_<?php echo $i; ?>">
<span class="name">
<?php echo $rowl['contact_first'].' <strong>'.$rowl['contact_sur'].'</strong>'; ?>
</span>
<br />
<span class="mobil"><?php echo $rowl['contact_mobil'];?></span>
</label>
<?php }?>
</li>
</ul>
</div>

<div id="midtop">

<form method="post" action="test.php">
<ul>
<li><label class="description">Name</label>
<div>
<input type="text" name="first" /><label class="fieldname">First</label>
<input type="text" name="first" /><label class="fieldname">Surname</label>
</div>
</li>
<li><label class="description">Mobil</label>
<div>
<input type="text" name="mobil" /><label class="fieldname">mobil num</label>
</div>
</li>
<li><label class="description">Email</label>
<div>
<input type="text" name="email" /><label class="fieldname">email</label>
</div>
</li>
<input type="submit" name="save">
</form>
</div>
</body>
</html>

更新日志:)

  • 我有关于 Jquery() 刷新的答案 - 谢谢
  • 左侧问题:

1,如果您的屏幕有限(IPAD)并且您有 3000 个联系人姓名,那么在列表中显示他们的最佳方式是什么?

2,如果您需要滚动,您将如何确保它也能在 iOS/Android 上运行?

  • 测试 1 进展顺利,因此我正在修复所有拼写错误 - 到目前为止有效
  • 下一个问题:如何将记录传递到右侧面板 - 在表单中?

如有任何答复,我们将不胜感激

最佳答案

我假设您不希望页面刷新(仅 ajax 请求)

我建议您使用 jQuery,这样 ajax 请求会更容易完成,我将在我的示例中使用 jQuery

这是我的制作方法:

当您点击某个联系人时,通过ajax获取该联系人详细信息(地址、城镇等)并将其以表单形式显示在右侧:

$("#leftside label").click(function() {
$.get('getContactInfo.php?contact=' + $(this).attr('for'), function(data) {
$('#rightside').html(data);
});
});

当您提交右侧的表单时,发送ajax请求以修改编辑的联系人/地址/电子邮件。不要忘记更新左侧信息。

$('#myform').submit(function() {
$.ajax({
type: "POST",
url: "editContactInfo.php",
data: $("#myform").serialize()
success: function(msg) {
// here you have to update the submited info in the left side
}
});
});

关于php - 使用 AJAX/PHP/MySQL 的地址簿 - 1 个文件中的完整项目 :),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7267433/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com