jQuery - tabloyu güncelle

6 Cevap php

Ayrıca PHP tarafından oluşturulan bir tabloyu yeniden çalışıyorum.

# Imlerini: tablo, bir kimliği vardır

Kullanıcı bir düğmeye bastıktan sonra, tablo içeriği + onlar sadece eklediğiniz verileri yeniden gerekir. Ben bir PHP sonucu gelen tüm verileri göndermek için nasıl bilmiyorum çünkü ben biraz kafam karıştı.

Thanks, James

6 Cevap

JQuery kullanarak belirli yardımlar için, bir yerde verileri düzenlemek için yeteneği sağlamak üzere tasarlanmıştır jEditable eklentisi check out. Veri toplamak ve kaydetmek için nasıl talimatlar da var.

Bu PHP tablo için bir hazır-to-inject HTML kodunu döndürür üstleniyor:

$("#update_button").click(function(){
    $("#mytable").load("/tools/getTable.php")
})

sayfanızda böyle bir DIV yer tutucu gerekir:

<div id="mytable"></div>

ve getTable.php böyle html geri echo gerekiyor:

<table>
  <tr>
    <td>col1<td>
    <td>col2<td>
  <tr>
</table>

Nokta biçiminde:

  • AJAX isteği ile geri bir PHP sayfası, kullanıcının veri göndermek. (JQuery Form eklentisi bak)
  • The PHP page should accept and validate the data, insert it into the database and then send a response back to the page in some format (I recommend JSON, using the php function json_encode.
    • Yanıtı "red" veya kendi sistemi gereği olarak temizlenmiş, kendilerine iade kullanıcının veri ile "kabul" ya da olmalıdır.
  • Sonra AJAX başarı geri arama yöntemi, tabloya veri eklemek, ya da onları da reddedildi neden bunları söylüyorum bir mesaj vermek için jQuery kullanmak.

When the user presses the button you should call the code that was used to load the table. The data might be the data from the beginning + the data the users added. Or the data might be reretrieved from the server, depending on how your application works.

Biraz daha bilgi şeyleri temizlemek olabilir, bu yüzden daha spesifik cevaplar verebilir.

Peki tablo bu kullanılarak oluşturulur:

<table id="bookmarks">
		<thead>
			<tr class="table-top">
				<th>Thumbnail</th>
				<th>Title/Description</th>
				<th>Tags</th>
				<th>Action</th>
			</tr>
		</thead>
		<?php
		$hID = userToID($_SESSION['username']);
		$hQuery = mysql_query("SELECT * FROM linkz WHERE userid='$hID'") or die(mysql_error());
		while($hRow = mysql_fetch_array($hQuery)) {
			echo "<tr class='link'><td><img src='http://www.thumbshots.de/cgi-bin/show.cgi?url=".$hRow["location"]."' /></td><td><a href='share/".$hRow['shareid']."'>".$hRow["title"]."</a> - <i>". $hRow["description"]."</i><br /><b>Share Link:</b> http://www.linkbase.us/share/".$hRow['shareid']."</td><td>".$hRow['tags']."</td><td><a href='#' id='".$hRow['shareid']."' class='delbutton'>Delete</a></td></tr>";
		}
	?>
	</table>

Önce AJAX temellerini içine bakmak gerekir.

Eğer yayınlanmaya başlamadan önce yürümeyi öğrenmek gerekir.

Ajax, PHP ve bazı dersler için ara Ajax

Here ve here ile başlamak 2,

etiketler