JSONとJQueryでブログを構築する

Question

私はこのプロジェクトを使って、JSON/HTML/CSS/LESS & JavascriptでjQueryベースのブログを構築しています。

私の問題は、すべての投稿がJSONファイルから来るべきであり、実際のブログに投稿する方法がないということです。

JSONファイル：

{ 
    "post1" : { 
      "title": "My day", 
      "content" : "blalbvblblblblblblallksdlmalmdksdkasd", 
      "date" : "12/0-16", 
      "author" : "robert", 
      "image" : "../blogg/img.jpg" 
    }, 
    "post2" : { 
      "title": "This right here", 
      "content" : "blalbvblblblblblblallksdlmalmdksdkasd", 
      "date" : "12/0-16", 
      "author" : "robert", 
      "image" : "../blogg/img.jpg" 
    }, 
    "post4" : { 
      "title": "Min vackra", 
      "content" : "blalbvblblblblblblallksdlmalmdksdkasd", 
      "date" : "12/0-16", 
      "author" : "klara", 
      "image" : "../blogg/img.jpg" 
    } 
} 

私は$getJSON方法が、進展なしを使用して試してみました。

私が必要とするのは、JSONファイルの内容をindex.htmlのdivに入れることです。そのファイルから内容を読み取り

Answer 1

$.ajax({ 
    dataType: "json", 
    url: "myJSONFile.json", 
}).done(function(resp){ 
    for(var p in resp){ 
    if(!resp.hasOwnProperty(p)) continue; 
    var title = resp[p].title; 
    var content = resp[p].content; 
    // etc... 
    } 
}); 

使用jQueryの$アヤックス方法

Answer 2

機能は、次のようになります。

$.getJSON("urlToFile.json") 
    .done(function(data) { 
     $.each(data.items, function(i, item) { 
     var title = item.title; 
     var content = item.content; 
     var date = item.date; 
     var author = item.author; 
     var image = item.image; 

     // Here you can create each blog post and add append it into your blog 

     // example: 
     var title = $("<div/>", { 
      "class": "blog-title", 
      "text": title 
     }).appendTo(container); 
     }); 
    }); 

Answer 3

はjQueryのを使用するように要求であるか、などAngularJSなどのフレームワークを使用することはokですか？基本的にjQueryをHTMLコードを含む変数を宣言し、$（ "＃yourdiv"）。html（）を使用してレイアウトに変数のコンテンツを配置することでjQueryを使用することもできます。しかし、それはすべてあなたの要求に依存しています。例えば。 AngularJS、KnockoutJSなど、HTMLレイアウトをjavascriptにバインドする - MVVM技術を使用します。

• AngularJS：https://angularjs.org/
• KnockoutJS：http://knockoutjs.com/

そして質問、これはあなたがとにかくAPIのいくつかの並べ替えを必要とする場合であればJSONは、サーバー上のファイルシステムに格納され、 JSONにアクセスできるか、サーバーにアクセスしてファイルにアクセスします。

JQueryとすべてのJavaScriptフレームワークは、ここでコードしようとしているブログなので、何らかの方法でサーバーに接続する必要があります。