在jQuery中创建div列表

在jQuery中创建div列表,jquery,html,Jquery,Html,我有联系人列表,其中包含(复选框、姓氏、姓氏、电话)。我使用html div创建这个列表,并从数据库中调用数据,如下面所示($res_contactlist),并将每个值放入相应的div中 刷新页面时,此过程不实用,它会使页面速度非常慢 我听说jQuery在执行这个过程中有很大帮助。您能帮助我如何在jQuery中实现这个逻辑吗 这是我用DB中的数据绘制div的代码 <? if ($res_contactslist) { while($contacts_row = mysql_fetch_a

我有联系人列表,其中包含(复选框、姓氏、姓氏、电话)。我使用html div创建这个列表,并从数据库中调用数据,如下面所示($res_contactlist),并将每个值放入相应的div中

刷新页面时,此过程不实用,它会使页面速度非常慢

我听说jQuery在执行这个过程中有很大帮助。您能帮助我如何在jQuery中实现这个逻辑吗

这是我用DB中的数据绘制div的代码

<?
if ($res_contactslist) {
while($contacts_row = mysql_fetch_assoc($res_contactslist)) {
print'<div class="headings_01">
<div class="checkbox_01"><input name="contact_id" id="selectedcontacts" 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>';

    }
}

如果问题是需要刷新所有页面,则需要在服务器中创建一个服务,该服务执行所有逻辑并返回类似于json的内容,然后通过jquery调用它并使用新数据操纵html

本教程对您非常有用:

希望它有帮助

注意:它是“jQuery”,而不是“jQuery”