使用JSON.parse时出现无效字符javascript错误

Question

I am trying to convert a json string to object format read from a .js file.

Below is the JSON string in document.js

    [
     {
       "type": "TableShape",
       "id": "63c0f27a-716e-804c-6873-cd99b945b63f",
       "x": 80,
       "y": 59,
       "width": 99,
       "height": 107,       
       "name": "Group",
       "entities": [
         {
           "text": "id",
           "id": "49be7d78-4dcf-38ab-3733-b4108701f1"
         },
         {
           "text": "employee_fk",
           "id": "49be7d78-4dcf-38ab-3733-b4108701fce4"
         }
       ]
     }
   ];

now i am calling the document.js in window load using AJAX like below

 $(window).load(function () {
            $.ajax({
                url: "JS/Draw2d/SampleData/document.js",
                async: false,
                success: function (result) {
                    debugger;
                    jsonStringFromServer = JSON.parse(result);//Here Javascript error stating invalid character 
                    alert(jsonStringFromServer);
                }
            });           
        });

Answer 1

When the $.ajax function receives JSON, it automatically deserialises it for you. The error you're seeing is being cause because you're passing an object to JSON.parse , not a JSON formatted string - you don't need to use JSON.parse at all. Try this:

success: function (result) {
    debugger;
    console.log(result); // = the received object
}

I would also strongly suggest you remove async: false as it is extremely bad practice to use it.