如何摆脱Uncaught SyntaxError：意外的令牌：

Question

I am having a controller like this :

ListNewsCtrl.$inject = ['$http', '$scope', 'datacontext'];
function ListNewsCtrl( $http, $scope, datacontext) {
   $scope.realTimeData = [];
   var url ="https://erikberg.com/mlb/standings.jsonformat=json&jsoncallback=?";
     $http.jsonp(url)
            .success(function (data) {
                $scope.realTimeData = data;
                console.log($scope.realTimeData)
            });
        };

When I run it. I get Uncaught SyntaxError: Unexpected token : error. When I click on it I see the data, the data are printed but its indicating that I have a Uncaught SyntaxError:

Answer 1

You need to wrap your json with the callback invocation. Something like this.

angular.callbacks._0 (
{
"standings_date": "2014-09-29T00:00:00-04:00",
"standing": [
    {
        "rank": 1,
        "won": 90,
        "lost": 72,
        "streak": "W1",}]})

Checkout this plunker where I use your full json from a file with the wrapper: http://plnkr.co/edit/oX2UQRBA41FIHpwAP6AA?p=preview

Here's a web api controller that does what you want. A little rough around the edges but it'll get you closer.

using System;
using System.Web.Http;
using System.Web.Http.Cors;
using RestSharp;

namespace Atom.Authorization.Controllers
{
    [RoutePrefix("api")]
    [EnableCors("*", "*", "*")]
    public class StandingsController : ApiController
    {
        // GET api/standings
        [Route("standings/")]
        [HttpGet]
        public String Get()
        {
            RestClient client = new RestClient("https://erikberg.com/");
            RestRequest request = null;

            request = new RestRequest("mlb/standings.json", Method.GET);
            request.RequestFormat = DataFormat.Json;

            IRestResponse response = client.Execute(request);

            return response.Content;
        }
    }
}