Girdi alanları durumunu jquery ile kaydedin, daha sonra okumak için db'ye gönderin

Question

Bir html sayfasının anlık görüntüsünü kaydetmeye çalışıyorum. Neyi başardığımdan oldukça memnunum, ancak her giriş alanının kesin durumunu kaydedemiyorum. Örneğin ben db'ye buna gönderirseniz:

data = data+"&knobs="+encodeURIComponent($('#knobs').html()); 
data = data+"&html="+encodeURIComponent($('#pane').html()); 

ve daha sonra geri sormak:

  $('#pane').html((data.html));    
     $('#knobs').html((data.knobs));  

alanlardır giriş doğru değilse, onlar değer özelliğini kaçırmak ve yerine varsayılan değere sahip . sayfadaki her lanet nesne için bir değişken yapmak istemediğimden (çok) html sayfasının tam bir görüntüsüne sahip olmanın herhangi bir yolu olup olmadığını sormak için buradayım.

Örnek:

Ben veritabanına html (gönderirseniz

) ve .val() ben öyle veritabanından html çekin olduğu gibi bir giriş alanı "film" vardır:

<input type="text" value="default value"> 

Bazı aptal saldırı denedim ama hiçbiri işe yaramadı. Senden haber aldığım için çok memnun olurum.

güle

Answer 1

Neden tüm formunuz serialize?

Answer 2

sorun $('#knobs').html() çağrısı html olarak eşleşen elemanların iç içeriği döner ve $('#pane').html((data.html)) elemanı içinde html belirlemesidir.

// Save data 
data = data+"&knobs="+encodeURIComponent($('#knobs').val()); 
// Update input fields 
$('#knobs').val((data.knobs)); 

shybovycha tarafından belirtildiği gibi

---

, sizin için jQuerys .serialize() işlevini kullanabilirsiniz: Giriş öğeleri için

, bu gibi olsun ve değer ayarlamak için val() fonksiyonunu kullanmak istiyorum İlk kısım, bir süre tasarruf etmek için: http://api.jquery.com/serialize/