Question

我目前正在使用原生Javascript试验JSONP数据。我正在尝试显示数据。我怎么会收到语法错误。 Unexpected token :据我所知，我按照正确的步骤收集数据。下面是我的代码片段。 Link to JSfiddle

<script src="http://linkToMyJSONDetails"></script>

JS

function (data) {
  var showStops = '';

 for (var i = 0; i < data.markers.length; i++) {
 showStops += '<div class="stops">';
 showStops += '<h3>' + data.markers[i].smsCode + '</h3>';
 showStops += '<h1>' + data.markers[i].name + '</h1>';
 showStops += '</div>';
 }

  document.getElementById('bus-stops').innerHTML = showStops;

 }

Answer 1

你需要做两件事。第一：添加回调:(向右滚动，因为您的链接有点长）

http://digitaslbi-id-test.herokuapp.com/bus-stops?northEast=51.52783450,-0.04076115&southWest=51.51560467,-0.10225884&callback=someFunction
                                                                                                                     ^^^^^^^^^^^^^^^^^^^^^^

第二：定义回调：

// same function name as the callback in the jsonp url
function someFunction(data) { 
  var showStops = '';

  for (var i = 0; i < data.markers.length; i++) {
    showStops += '<div class="stops">';
    showStops += '<h3>' + data.markers[i].smsCode + '</h3>';
    showStops += '<h1>' + data.markers[i].name + '</h1>';
    showStops += '</div>';
  }

  document.getElementById('bus-stops').innerHTML = showStops;

}

小提琴：http://jsfiddle.net/29eajsjm/4/ 确保在调用jsonp之前定义了该函数。

Answer 2

您尚未提及功能名称。

的内容

function (data) {

使用

var myFn = function (data) {

};

或

function myFN(data) {

}

Answer 3

首先验证您从jsonlint的函数中获取的json。

JSONP不以HTML格式显示数据

3 个答案: