jquery - 如何在不刷新页面的情况下显示来自数据库的数据

Question

我正在开发一个新网站，那里有一个联系人列表，其中显示了详细的联系信息。

它具有此设置 [checkbox,Firstname,lastname,group,mobile number]。

我的客户正在创建他自己的联系人并将它们保存到数据库中。当客户按下保存按钮时，联系人记录将添加到同一页面的列表中。

因此，我在这里使用的是在保存后在列表中显示客户端的方法是调用 (get_contactlist()) 函数并再次调用 page_view。这确实会减慢网站速度。

你能帮助我如何使用 jquery 解决这个问题吗？

我在下面用来绘制联系人列表 div 的代码:

<div class="list_data">

<? if ($res_contactslist) {
    while($contacts_row = mysql_fetch_assoc($res_contactslist)) {
             print'<div class="headings_01" id="account_record">
                   <div class="checkbox_01"><input name="contact_id[]" id="contact_id" type="checkbox" value="'.$contacts_row['contact_id'].'" style="margin-top:0px;" /></div>
                   <div class="firstname_01" name="fname">|'.$contacts_row['contact_id'].'|'.$contacts_row['firstname'].'</div>
                   <div class="lastname_01" name="lname">'.$contacts_row['lastname'].'</div>
                   <div class="group_01">G1</div>
                   <div class="mobile_nmbr_01" name="phone" id="phone">'.$contacts_row['phone'].'</div>
                   </div>';
                 }
         }

Answer 1

设置一个从数据库获取信息的外部 PHP 页面。

通过 jQuery 的 Ajax 方法之一调用该页面，例如 $.post()、$.get() 或只是 $.ajax()`。

Here是关于 $.ajax() 的更多信息。