在jQuery中創建div列表

Question

我有包含（複選框，名字，姓氏，電話）的聯繫人列表。我使用html div創建了這個列表，並且我從數據庫中調用了數據，如下所示（$ res_contactlist），並將每個值都放在適當的div中。

這個過程在刷新頁面時不實用，它會使頁面非常慢。

我聽說jQuery在執行這個過程中可以提供很多幫助。你能幫我怎麼在jQuery中實現這個邏輯嗎？

這是我從數據庫中繪製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>'; 

    } 
} 

Answer 1

如果問題是，你需要刷新所有的頁面，你將需要創建在您的服務器的服務，做所有的邏輯，並返回像你想展示，然後什麼是JSON，通過jquery調用它並使用新數據操作html。

本教程將是非常有用的給你：http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

希望它可以幫助