2016-04-05 17 views
1

Bir web projesinin başlangıcındayım ve web sitemdeki sayfalar, etiketler, başlık sayfaları, yer tutucu ve ... gibi bir json dosyasından okumak istiyorum. Bu yaklaşım değişimlerdeki hızımı arttırmam ve çok dilli bir web sitesi oluşturmama yardımcı olabilir. Bunu yapmak için herhangi bir jQuery kütüphanesi var mı? ve eğer değilse bu işi jquery ile nasıl yapabilirim?Web uygulamasında jquery ile dize kaynak yöneticisi sistemi nasıl oluşturulur?

+0

Sunucu tarafı oluşturma işlemi yapılamıyor mu? – skip405

+0

tam olarak ..... sadece istemci tarafında :) bunu açısal olarak nasıl çözeceğimi biliyorum ama bu projede açısal olarak kullanmak istemiyorum –

+0

https: // lodash gibi şablonlara ihtiyacınız olacağını söyleyebilirim. com/docs # template - jQuery – skip405

cevap

1

Aradığın şey bir Javascript/jQuery Şablon Altyapısıdır - bunların çoğu vardır (ör. http://www.sitepoint.com/10-javascript-jquery-templates-engines/ ile). JSON- dan

1))

3 Ajax

ile Şablon Fetch Ajax

2) ile JSON-Verileri Al uygula değişkenleri:

Kendi şablon motoru aşağıdakileri deneyin yazmak istiyorsanız

Dosyaya Dosya (basit değiştir)

4) Sonucu geçerli sayfaya ekleyin.

+0

"Javascript/jQuery Template Engine" için arama yapmıyorum. Bunun farkında değildim. Bu hatırlattığın için teşekkür ederim. –

3

Sen bıyık şablonları yapmak ve veri handlebars.js kullanarak bunları doldurabilirsiniz: http://handlebarsjs.com/

Bıyık şablonları, yer tutucu ve gidon olarak kıvırcık parantez verileri tutmak için json biçimi kullanır.

var context = {title: "My New Post", body: "This is my first post!"}; 
var html = template(context); 

Sonuç: Burada

<div class="entry"> 
    <h1>My New Post</h1> 
    <div class="body"> 
    This is my first post! 
    </div> 
</div> 

bir çalışma olduğunu

HTML:

<div class="entry"> 
    <h1>{{title}}</h1> 
    <div class="body"> 
    {{body}} 
    </div> 
</div> 

JavaScript Böyle bir şey (gerçi değil tam çalışma örnek) görünebilir örnek: https://jsfiddle.net/k4u64exL/

İlgili konular