Ошибка загрузки внешнего JSON с помощью SurveyJS

Question

У меня есть следующий Codepen , работающий с очень простым примером SurveyJS. Он использует следующий JSON:

var json = {
    "questions": [{
            "type": "text",
            "title": "Test question 1",
            "name": "Test question"
        },
        {
            "type": "comment",
            "title": "Test question 2",
            "name": "Test question 2"
        },

    ]
}

Когда я пытаюсь использовать удаленный файл для JSON, новый Codepen не работает.

Я попытался запросить JSON следующим образом:

var giturl = "https://gist.githubusercontent.com/flowtrader2016/cdb63289fc3b4c81df9186e339233ffa/raw/1ee651735f501d5288082a0f3147ea48dc07911c/surverytest.json"

$.getJSON( giturl, function (data) {
      var json = data
});

Я только начинаю немного изучать Javascript, поэтому буду признателен за любую помощь в этом.

Answer 1

Я немного изменил ваш кодекс - https://codepen.io/anon/pen/ZmxGzW

$(document).ready(function() {
  console.log("ready");
  var giturl = "https://gist.githubusercontent.com/tsv2013/43c1e94c6e663e242d772ba9f79e8c2f/raw/1a9378226b633459037c798cf44354b631f9a9c9/surverytest.json";

    $.ajax({
      type:"GET",
      url: giturl,
      crossDomain: true,
      success: function (data) {
        console.log("received: " + JSON.stringify(data));
        var survey = new Survey.Model(JSON.parse(data));

        survey
            .onComplete
            .add(function (result) {
                document
                    .querySelector('#surveyResult')
                    .innerHTML = "result: " + JSON.stringify(result.data);
            });

        $("#surveyElement").Survey({model: survey});

      }
    });

    console.log("sent");
});

А в вашем опросе JSON есть ошибка - лишняя запятая

Кстати - любой пример на https://surveyjs.io/Examples/Library/ можно открыть в плукере одним щелчком мыши по кнопке Edit in Plunker