JQuery和JSON

這是我想學習和做的事情。我有一個包含我的產品和細節（大小，顏色，說明）的JSON文件。在網站中我不能使用PHP和MySQL，我只能使用Javascript和HTML。現在我想要發生的是使用JQuery我可以讀取和寫入JSON文件（JSON文件將作爲我的數據庫）。我不確定是否只能使用JQuery和JSON來完成。JQuery和JSON

首先，如何查詢JSON文件？（例如：我想搜索的名稱和顏色的產品。）
如何解析遭到搜查到HTML的JSON DATAS？
如何細節，增加產品到JSON文件？

如果你能指點我一個關於我的問題的好教程，這也將是非常好的。

我是新來的兩個jQuery和JSON。

謝謝！

來源

2009-10-11 Pennf0lio

PHP/MySQL的主機是非常便宜的這些日子。你有沒有考慮搬到新的主機？ – ceejayoz 2009-10-11 15:38:22

主機不是問題，我的客戶當前正在使用託管CMS，不允許我使用任何服務器端和數據庫。現在我正在爲他創建一個應用程序，用於搜索和解析產品的數據。謝謝！ – Pennf0lio 2009-10-11 16:14:16

由於Javascript客戶端，你將無法寫入使用只有JavaScript服務器上的JSON文件。你需要一些服務器端代碼才能做到這一點。

雖然讀取和解析JSON文件並不是問題。你會使用jQuery.getJSON函數。您可以提供url和回調參數（不需要數據，因爲您正在讀取文件，因此不需要發送數據）。該url將是您的JSON文件的路徑，並且回調將是一個使用數據的函數。

這裏是你的代碼是什麼樣子的例子。我不知道你的JSON是什麼，但如果你有一組名爲「產品」包含一套與細節「名」和「價格」的對象，該代碼將打印出來的那些：

$.getJSON("getProductJSON.htm", 
    function(data) { 
     $.each(data.products, function(i, item) { 
      var name = item.name; 
      var price = item.price; 
      // now display the name and price on the page here! 
     }); 
    }, 
);

基本上，$ .getJSON中的數據變量非常容易地使JSON的整個內容可供您使用。 $ .each用於遍歷一組JSON對象。

來源

2009-10-11 14:09:28

謝謝Kaleb Brasee！ – Pennf0lio 2009-10-11 16:15:01

回答

相關問題