代码之家  ›  专栏  ›  技术社区  ›  Pennf0lio

jquery和json

  •  1
  • Pennf0lio  · 技术社区  · 15 年前

    这是我想学习和做的事情。我有一个JSON文件,其中包含我的产品和详细信息(大小、颜色、描述)。在网站上,我不能使用php和mysql,只能使用javascript和html。现在我想要的是使用jquery,我可以读写一个JSON文件(JSON文件将作为我的数据库)。我不确定是否只能使用jquery和json来完成。

    1. 首先,如何查询JSON文件?(示例:我将搜索产品的名称和颜色。)

    2. 如何解析搜索到HTML中的JSON数据?

    3. 如何将细节、产品添加到JSON文件中?

    如果你能给我一个关于我问题的好教程,那也会很好。

    我对jquery和json都是新手。

    谢谢!

    1 回复  |  直到 15 年前
        1
  •  6
  •   Kaleb Brasee    15 年前

    因为javascript是客户端的,所以您将无法仅使用javascript写入服务器上的JSON文件。要做到这一点,您需要一些服务器端代码。

    不过,读取和解析JSON文件并不是问题。你可以使用 jQuery.getJSON 功能。您将同时提供一个URL和一个回调参数(不需要数据,因为您正在读取一个文件,所以不需要发送数据)。URL是JSON文件的路径,回调是一个使用数据的函数。

    下面是您的代码可能是什么样子的示例。我不知道您的JSON是什么,但是如果您有一个名为“products”的集合,其中包含一组具有详细信息“name”和“price”的对象,则此代码将打印出这些对象:

    $.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对象。