使用SurveyJS加载外部JSON时出现问题

时间:2018-11-19 16:39:39

标签: javascript jquery json surveyjs

我有以下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"
        },

    ]
}

当我尝试将remote文件用于JSON时,new Codepen无法正常工作。

我尝试请求JSON,如下所示:

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

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

我刚开始学习一些Javascript,因此,感谢您的帮助。

1 个答案:

答案 0 :(得分: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有一个错误-多余的逗号

顺便说一句-只需单击Edit in Plunker按钮,即可在pluker中打开https://surveyjs.io/Examples/Library/上的任何示例