Ajax вызов для JSON-файла, который не работает там, где он был бы с XML

Question

Я использовал ajax для извлечения данных из XML-файлов несколько раз недавно, но когда я пытаюсь скопировать код и изменить формат на JSON, я не получаю никакого html данные в моих div. Консоль без ошибок.

<script> 
     $(document).on('pageinit', function(){ 
      $.ajax(
      { 
       type: "GET", 
       url: "companyInfo.json", 
       dataType: "JSON", 
       success: function(json){ 
        $(document).find("#companyName").html(json.companyName); 
        $(document).find("#companyLogo").src(json.companyLogo); 
        $(document).find("#contactName").html(json.contactName); 
        $(document).find("#contactStdNum").html(json.contactStdNum); 
        $(document).find("#contactProgram").html(json.contactProgram); 
        $(document).find("#contactSlate").html(json.contactSlate); 
       } 
      });  

     }) 
     </script> 

JSON файл (companyInfo.json):

{ 
"companyName":"Crane Poole and Schmidt", 
"companyLogo":"img/CompanyLogo.png", 
"contactName":"Sean Paul", 
"contactStdNum":"123456789", 
"contactProgram":"Environmental Sustainability", 
"contactSlate":"slate"; 
} 

Я представляю себе задачу что-то простое, как результат глупости, но если кто-то может указать на то, что именно это я был бы очень благодарный.

Answer 1

Ваш результат, json, является объектом. Используйте json.propertyname для доступа к его содержимому. Также нет смысла обертывать его как объект jQuery, это не элемент DOM.

Также вы можете указать dataType: "json" или использовать jQuery.getJSON().