Question

我是关于Ajax的新手，但我正在尝试这样做：我有一个本地Json文件，我必须做一些Ajax调用来读取Json文件并在HTML文件中插入值。我的Json文件是：

{
    "item": {
        "name": "blabla",
        "details": "blablablabla",
        "composition": "blablablabla",
        "modelDetails": [
            "blablablabla",
            "blablablabla",
            "blablablabla"
        ],
        "images": [
        "http://...jpg",
        "http://...jpg",
        "http://...jpg",
        "http://...jpg"
        ]
    }
}

最好的方法是什么？我想按下第一个按钮将调用第一个json文件，按钮2调用第二个json文件，... 谢谢

编辑：链接非常有用！谢谢！

Answer 1

这是一个很好的例子，它从文件调用retreive JSON数据并解析JSON数据。希望能帮助到你：） http://code.runnable.com/UhY_jE3QH-IlAAAP/how-to-parse-a-json-file-using-jquery

IF链接不起作用:)然后尝试这个脚本

$(document).ready(function() {

        //after button is clicked we download the data
        $('.button').click(function(){

            //start ajax request
            $.ajax({
                url: "data.json",
                //force to handle it as text
                dataType: "text",
                success: function(data) {

                    //data downloaded so we call parseJSON function 
                    //and pass downloaded data
                    var json = $.parseJSON(data);
                    //now json variable contains data in json format
                    //Now you can get your data like json.name, json.object
                }
            });
        });
    });

用ajax解析本地json，最好的方法

1 个答案: