JQuery和JSON

Question

这是我想要学习和做的事情.我有一个JSON文件,其中包含我的产品和详细信息(大小,颜色,描述).在网站上我不能使用PHP和MySQL,我只能使用Javascript和HTML.现在我想要发生的是使用JQuery我可以读取和写入一个JSON文件(JSON文件将作为我的数据库).我不确定是否可以仅使用JQuery和JSON来完成.

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

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

3. 如何将细节,产品添加到JSON文件？

如果你能指出一个关于我的问题的好教程,那也很棒.

我是JQuery和JSON的新手.

谢谢!

Answer 1

由于Javascript是客户端,因此您将无法仅使用Javascript写入服务器上的JSON文件.您需要一些服务器端代码才能执行此操作.

但是,读取和解析JSON文件不是问题.您将使用jQuery.getJSON函数.您将提供url和callback参数(不需要数据,因为您正在读取文件,因此无需发送数据).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对象.