How to add local json file in jsfiddle?

前端 未结 3 834
清歌不尽
清歌不尽 2020-12-05 19:34

How can I add a JSON file in jsfiddle? I have a JSON file but I am not able to attach it in jsfiddle. I can make a JSON object and use it, but is there any way to add an ext

3条回答
  •  粉色の甜心
    2020-12-05 20:05

    Myjson.com provides api, which runs in Jsfiddle.net.

    Custom my myjson:

    // Loading JSON  with CROS
    
    var url = 'https://api.myjson.com/bins/3ko1q';
    $.ajax({
        type: 'GET',
        url: url,
        async: false,
        contentType: "application/json",
        dataType: 'json',
        success: function (data) {
            alert('success');
            console.log(data);
        },
        error: function (e) {
            alert('error');
            console.log(e);
    
        }
    });
    

    Myjson GET Example:

    // 1. Create valid uri via POST
    // 2. GET using newly created uri
    
    var obj = {
        "key": "value",
        "key2": "value2"
    };
    var data = JSON.stringify(obj);
    
    $("#clickMe").click(function () {
        $.ajax({
            url: "https://api.myjson.com/bins",
            type: "POST",
            data: data,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data, textStatus, jqXHR) {
    
                // load created json
                $.get(data.uri, function (data, textStatus, jqXHR) {
                    var json = JSON.stringify(data);
                    $("#data").val(json);
                });
    
            }
        });
    });
    

提交回复
热议问题