javascript - angular ajax: Unexpected token I in JSON at position 0 - Stack Overflow

I'm trying to sent html as json in http post request. But when I'm trying to make $http.post request, I've got the following error:

angular.js:12783 SyntaxError: Unexpected token I in JSON at position 0
    at Object.parse (native)
    at fromJson (http://localhost:9001/bower_ponents/angular/angular.js:1274:14)
    at defaultHttpResponseTransform (http://localhost:9001/bower_ponents/angular/angular.js:9703:16)
    at http://localhost:9001/bower_ponents/angular/angular.js:9794:12
    at forEach (http://localhost:9001/bower_ponents/angular/angular.js:341:20)
    at transformData (http://localhost:9001/bower_ponents/angular/angular.js:9793:3)
    at transformResponse (http://localhost:9001/bower_ponents/angular/angular.js:10582:21)
    at processQueue (http://localhost:9001/bower_ponents/angular/angular.js:15097:28)
    at http://localhost:9001/bower_ponents/angular/angular.js:15113:27
    at Scope.$eval (http://localhost:9001/bower_ponents/angular/angular.js:16359:28)

My code (angular) is given below:

  $scope.generate_pdf = function() {
    var html =  angular.element('html').html(); // get all html

    var service = API.getService();
    // JSON.stringify( { html:  html } this also cause same error
    service.downloadPdf({}, { html: html },
      function(res) {
        console.log("res : ", res);
      }, function(err) {
        console.log("err : ", err);
      });


  };

How can I solve this problem? Thanks in Advance

I'm trying to sent html as json in http post request. But when I'm trying to make $http.post request, I've got the following error:

angular.js:12783 SyntaxError: Unexpected token I in JSON at position 0
    at Object.parse (native)
    at fromJson (http://localhost:9001/bower_ponents/angular/angular.js:1274:14)
    at defaultHttpResponseTransform (http://localhost:9001/bower_ponents/angular/angular.js:9703:16)
    at http://localhost:9001/bower_ponents/angular/angular.js:9794:12
    at forEach (http://localhost:9001/bower_ponents/angular/angular.js:341:20)
    at transformData (http://localhost:9001/bower_ponents/angular/angular.js:9793:3)
    at transformResponse (http://localhost:9001/bower_ponents/angular/angular.js:10582:21)
    at processQueue (http://localhost:9001/bower_ponents/angular/angular.js:15097:28)
    at http://localhost:9001/bower_ponents/angular/angular.js:15113:27
    at Scope.$eval (http://localhost:9001/bower_ponents/angular/angular.js:16359:28)

My code (angular) is given below:

  $scope.generate_pdf = function() {
    var html =  angular.element('html').html(); // get all html

    var service = API.getService();
    // JSON.stringify( { html:  html } this also cause same error
    service.downloadPdf({}, { html: html },
      function(res) {
        console.log("res : ", res);
      }, function(err) {
        console.log("err : ", err);
      });


  };

How can I solve this problem? Thanks in Advance

• javascript
• angularjs
• json
• ajax

Share Improve this question Follow asked Jun 2, 2016 at 13:47 sabbirsabbir 2,02533 gold badges2626 silver badges5050 bronze badges 4

• Use { html : JSON.stringify(html)} – Anita Commented Jun 2, 2016 at 13:48
• 1 I don't think you can just parse html to json – devqon Commented Jun 2, 2016 at 13:55
• 1 Maybe you should encode html code first? stackoverflow./questions/1219860/… – P.K. Commented Jun 2, 2016 at 13:56
• HTML is not JSON. There doesn't appear to be any reason to try to convert your HTML into JSON; just post the HTML as HTML. – Daniel Beck Commented Jun 2, 2016 at 14:08

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

SyntaxError: Unexpected token I in JSON at position 0 means that the server response isn't valid JSON, open the network tab in your console and check the response of the request to see what's wrong.