Jquery 如何在不刷新页面的情况下显示数据库中的数据

我正在开发一个新的网站，我有一个联系人列表，其中显示了详细的联系方式

它有这样的设置

[复选框，名字，姓氏，组，手机号码]

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

因此，我在这里用来显示保存后列表中的客户端的是调用

（get\u contactlist（））

函数，然后再次调用页面视图。这真的会减慢网站的速度

您能帮助我如何使用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>';
                 }
         }

如果要使用jQuery显示内容而不刷新页面，可以使用

有关如何使用ajax的更多信息


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

通过jQuery的一个Ajax方法调用该页面，如
$.post（）
，
$.get（）
，或者仅仅是$.Ajax（）`

有关
$.ajax（）
的详细信息，您可以使用ajax进行此操作