Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang penggunaan jquery.tmpl, rangka kerja untuk menjana HTML menggunakan templates_jquery

Penjelasan terperinci tentang penggunaan jquery.tmpl, rangka kerja untuk menjana HTML menggunakan templates_jquery

WBOY
WBOYasal
2016-05-16 16:21:361135semak imbas

Data permintaan dinamik untuk mengemas kini halaman ialah kaedah yang sangat biasa pada masa kini, seperti pemuatan halaman dinamik komen blog, pemuatan bergolek dan pemuatan permintaan berjadual Weibo, dsb.

Dalam kes ini, data yang dikembalikan oleh permintaan dinamik biasanya sama ada HTML terpasang, JSON atau XML Secara ringkasnya, data tidak dipasang pada bahagian penyemak imbas, tetapi pada bahagian pelayan. Walau bagaimanapun, pemulangan HTML tidak kos efektif dari segi volum penghantaran, dan dari segi penghantaran web, JSON kini digunakan lebih daripada XML.

Bahagian yang sangat menyusahkan dalam menjana HTML berdasarkan JSON pada bahagian penyemak imbas ialah ia baik apabila strukturnya tidak rumit, tetapi apabila strukturnya rumit, ia menjadi mimpi ngeri Anda perlu berhati-hati untuk menulis JavaScript kod yang hampir mustahil untuk dikekalkan.

Oleh itu, beberapa rangka kerja yang menggunakan templat untuk menjana HTML telah muncul satu demi satu jquery.tmpl adalah salah satu daripadanya. Mari perkenalkan penggunaan jquery.tmpl secara terperinci

Berikut memberi tumpuan kepada cara menggunakannya:

Pertama sekali, mari perkenalkan templat dan data Tidak perlu dikatakan, kedua-dua ini sememangnya amat diperlukan

Terdapat dua cara untuk menentukan templat Kod khusus diberikan di bawah

Salin kod Kod adalah seperti berikut:

var markup = "
  • Sesetengah kandungan: ${item}.
    "
    " Lagi kandungan: ${myValue}.
  • ";

    $.template( "movieTemplate", markup );



    Salin kod Kod adalah seperti berikut: