Kullanıcı sayfa yenileme olmadan bir satırda tıkladığında formunu doldurmak için?

3 Cevap php

Ben bir giriş formu var. Bunun Aşağıda, varolan kayıtları içeren bir tablo göstermek istiyorum. Kullanıcı ızgara bir satırda tıkladığında gibi, değerler yukarıdaki form alanları doldurduktan almak gerekir.

Sayfa yenileme olmadan bunu yapmak için herhangi bir yolu var mı?

3 Cevap

Form ihtiyaç duyduğu tüm bilgi sayfasında zaten mevcut ise AJAX JavaScript mükemmel bir iş yapacağını overkill ve basit olurdu. Bu test edilmiş, ancak değildir;

<form id="myform">
  <input id="name" type="text" ... />
</form>

<tr> 
   <td onclick="populateFormElement('myform', 'name', this);">Bob</td>
</tr>

javascript;

function populateFormElement(formName, inputName, element)
{
   document.formName.inputName.value = element.firstChild.data;
}

Bu tek bir eleman çalışıyor, ancak süreç bütün satırlara adapte kolay olduğu gibi makul bir başlangıç ​​noktası olmalıdır. Basitçe tr elemanı üzerinde onclick olay koymak ve ilgili verileri ayıklamak için biraz daha değişik çocukların adım adım.

Is there any way to do this without refreshing the page?

Yani, anahtar asynchronous. A ilk Ajax aynı kelime anlamına gelir. Ayrıca Ajax ile soru etiketledi. Yani bu konuda kesin bilgiye sahip olduğunu beklersiniz.

Ama asıl soru hiç bir ajaxical çözüm gerektirmez. Tüm gerekli verileri same HTML DOM ağacı içeride zaten mevcut olduğunu, çünkü tüm sunucu tarafında veri almak ve göndermek gerekmez.

Erişmek ve istemci tarafında HTML DOM ağacını erişebilen tek uygun dil Javascript. Bu tüm sayfayı yenileyin değildir. Sadece buna göre kod yazmak ve tablo satırının onclick olay sırasında yürütmek.

Aslında buna göre Javascript kodu yazarken bir sorun varsa, o zaman söz konusu bu konuda biraz daha fazla durmaya gerek. "Herhangi bir yolu var mı?" Sormayın - Cevap yes olguların% 99.99 olduğunu, ancak sadece "Ben bunu nasıl yaparsınız?" Sormak, sen kadar sahip kodlama hakkında ilgili bilgi verilir.

JQuery getir, ve AJAX fonksiyonları bir göz atın. Siz PHP veri hazırlamak ve onlara hizmet için özel bir sayfa oluşturmak gerekir. Kullanıcı butona tıkladığı zaman AJAX işlevi çağrılır, o zaman onları ayrıştırmak, sunucudan verileri yüklemek ve ızgara dolduracak ...

etiketler