2013-06-22 3 views
0

Я пытаюсь загрузить файл JSON через javaScript. У меня есть кнопка в HTML, которая выполняет функцию loadAJAX. Но я продолжаю получать ошибку в строке 11 var items = JSON.parse(request.responseText);, которая говорит unexpected end of input. Я несколько раз проверял и не мог найти решение. Test SITEНеожиданный конец ввода в JS

script.js

function loadAJAX() { 
    var request; 
    if(window.XMLHttpRequest){ 
     request = new XMLHttpRequest(); 
    } else { 
     request = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    request.open("GET", "data.json"); 
    request.onreadystatechange = function(){ 
     if((request.status === 200) && (request.readyState === 4)){ 
       var items = JSON.parse(request.responseText); 
       var output = "<ul>"; 
       for (var key in items){ 
        output += "<li>" + items[key].colorName + "</li>"; 
       } 
       output += "</ul>"; 
       document.getElementById("update").innerHTML = output; 


      } 
    }; 
    request.send(); 
} 

data.json

{ 
    "colorsArray":[{ 
      "colorName":"red", 
      "hexValue":"#f00", 
      "info" : "My favorite color." 
     }, 
     { 
      "colorName":"green", 
      "hexValue":"#0f0", 
      "info" : "Old color for old things, like food ew." 

     }, 
     { 
      "colorName":"blue", 
      "hexValue":"#00f", 
      "info" : "Reminds me of bruised arm." 
     }, 
     { 
      "colorName":"cyan", 
      "hexValue":"#0ff", 
      "info" : "Not an idea what color this is." 
     }, 
     { 
      "colorName":"magenta", 
      "hexValue":"#f0f", 
      "info" : "Every girl talks about her color being this." 
     }, 
     { 
      "colorName":"yellow", 
      "hexValue":"#ff0", 
      ""info" : "My mom likes yellow." 
     }, 
     { 
      "colorName":"black", 
      "hexValue":"#000", 
      "info" : "Well now look at this color the new white lol." 
     } 
    ] 
} 
+0

'data.json' пуст. – Blender

+1

Вставить json. Или подтвердите это самостоятельно по адресу http://jsonlint.com/ –

+0

@Blender Извините, исправлена ​​эта проблема. – techAddict82

ответ

2

"info: Old color for old things, like food ew."

Вы случайно процитировал всю линию. Имя и значение свойства объекта необходимо указывать отдельно. Перепишите, как

"info": "Old color for old things, like food ew."

Это также маски дублированной кавычки дальше вниз:

""info" : "My mom likes yellow."

Там должен быть только один перед именем ключа info.

+0

О да, я исправил эту проблему, но все равно не получаю ответа – techAddict82

Смежные вопросы