[javascript] 캐치되지 않는 구문 에러 : 예기치 않은 토큰 :

MooTools 스크립트에서 AJAX 호출을 실행 중입니다. Firefox에서는 제대로 작동하지만 Chrome에서는 Uncaught SyntaxError: Unexpected token :오류가 발생합니다. 이유를 알 수 없습니다. 나쁜 코드가 어디에 있는지 결정하기 위해 코드를 주석 처리하면 아무것도 반환되지 않습니다 .JSON이 반환되는 데 문제가 있다고 생각합니다. 콘솔을 확인하면 JSON이 반환되는 것을 볼 수 있습니다.

{"votes":47,"totalvotes":90}

문제가 없는데 왜이 오류가 발생합니까?

vote.each(function(e){
  e.set('send', {
    onRequest : function(){
      spinner.show();
    },
    onComplete : function(){
      spinner.hide();
    },
    onSuccess : function(resp){
      var j = JSON.decode(resp);
      if (!j) return false;
      var restaurant = e.getParent('.restaurant');
      restaurant.getElements('.votes')[0].set('html', j.votes + " vote(s)");
      $$('#restaurants .restaurant').pop().set('html', "Total Votes: " + j.totalvotes);
      buildRestaurantGraphs();
    }
  });

  e.addEvent('submit', function(e){
    e.stop();
    this.send();
  });
});

답변

$ret['foo'] = "bar";
finish();

function finish() {
    header("content-type:application/json");
    if ($_GET['callback']) {
        print $_GET['callback']."(";
    }
    print json_encode($GLOBALS['ret']);
    if ($_GET['callback']) {
        print ")";
    }
    exit;
}

vote.each(function(element){
  element.addEvent('submit', function(e){
    e.stop();
    new Request.JSON({
      url : e.target.action,
      onRequest : function(){
        spinner.show();
      },
      onComplete : function(){
        spinner.hide();
      },
      onSuccess : function(resp){
        var j = resp;
        if (!j) return false;
        var restaurant = element.getParent('.restaurant');
        restaurant.getElements('.votes')[0].set('html', j.votes + " vote(s)");
        $$('#restaurants .restaurant').pop().set('html', "Total Votes: " + j.totalvotes);
        buildRestaurantGraphs();
      }
    }).send(this);
  });
});

var total = $.parseJSON(response);

{"votes":47,"totalvotes":90}

"votes":47,"totalvotes":90

var resp = '{"votes":47,"totalvotes":90}';
eval(resp);