JSON nesneleri bir dizi döndüren bir web hizmeti arıyorum. Bu nesneleri almak ve HTML ile div doldurmak istiyorum. Hadi her nesnenin bir url ve bir adı içerdiği görüşündeler.

Eğer her nesne için aşağıdaki HTML oluşturmak isteseydim:

    <div><img src="the url" />the name</div>

Bunun için en iyi yöntem var mı? Bunu yapmanın bir kaç yolu olabilir:

1. Bitiştirmek
2. Öğeleri oluşturun
3. Bir şablon eklentisi kullanın
4. Sunucudaki html oluşturmak, JSON ile servis yap.

Seçenek #1 ve #2 ... yapacağımız en acil yalındır seçenekleri, ancak, her iki seçenek de, gidiyorsun hissediyorum performans ve bakım etkisi ya da bina veya dizeleri oluşturma DOM nesneleri.

Şablon tüm bu çocukça değil, ve büyük Javascript çerçeveleri çoğunda popup görüyorsunuz.

İşte size bir performans isabet kurtaracak, ve gerçekten, gerçekten basit JQuery Template Plugin örnek:

var t = $.template('<div><img src="${url}" />${name}</div>');

$(selector).append( t , {
     url: jsonObj.url,
     name: jsonObj.name
});

Serin yol (ve daha iyi performans, daha rahat), ve şablon kullanın derim.