2013-03-28 2 views
0

Привет, начинающий, когда дело доходит до кода нового возраста html (я рассматриваю json и javascript code new age, потому что я узнал только по прямому html-коду). Ну, что я делаю, пытается получить все данные из моего .json-файла и положить в таблицу, но он продолжает говорить, что я не могу загрузить ресурс, и он говорит файл .json.Не удалось загрузить ресурс json - Need Assistance

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" charset="text">  </meta> 
    <title> - Jason Onto HTML Displayed</title> 

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#DisplyEmp").click(function() { 
      $.getJSON("Localhost/Homework_1_second_attempt.json", function(data) { 
       for(emp in data.albums) { 
        console.log(data.albums[emp]); 
        var newRow = "<tr>"+ 
            "<td>"+data.albums[emp].title+"</td>"+ 
            "<td>"+data.albums[emp].artist+"</td>"+ 
            "<td>"+data.albums[emp].songs+"</td>"+ 
           "</tr>"; 
        $("#EmpNewTable").append(newRow); 
       } 
      }); 
     }); 
    }); 
</script> 


</head> 
<body> 
<table id="EmpNewTable" border="2"> 
<tr> 
    <th>Artist</th> 
    <th>Title</th> 
    <th>Songs</th> 
</tr> 
</table><br /><br /> 
<input type="button" id="DisplyEmp" value="Display" /> 

</body></html> 

спасибо всем за помощь мне с моей проблемой

+0

Что ошибка? –

+0

URL-адрес, указанный в '.getJSON', должен быть действительным. То, что у вас в настоящее время просто не работает. Попробуйте что-то вроде '.getJSON ('Homework_1_second_attempt.json', function (...'. Это предполагает, что вы используете сервер, и что файл JSON находится в том же относительном местоположении, что и вызывающая страница. – Perception

+0

проверьте консоль браузера чтобы проверить, не дает ли он ошибку возникновения ошибки исходного кода –

ответ

0

Из-за соображений безопасности, браузеры не позволит вам когда-либо загружать ресурсы из любого домена, кроме вашей собственной. Это включает в себя протокол «file:///».

Для этого вам необходимо запустить сервер. По внешнему виду, может быть, вы используете это на http://localhost. Затем измените адрес ajax на

$.getJSON("/Homework_1_second_attempt.json... 

Относительный путь начнется в том же месте, что и файл, который вы просматриваете.

+0

попробовал это, тогда он говорит, что не распознает команду GET –

+0

Что говорят, что –

+0

console.log, в любом случае я изменил код для «get jquery code» to- и как он говорит ОПЦИИ файл: /// C: /Homework_1_second_attempt.json jquery-latest.min.js: 5 b.ajaxTransport.send jquery-latest.min.js: 5 b.extend.ajax jquery-latest.min.js: 5 b.each.b. (анонимная функция) jquery-latest.min.js: 5 b.extend.getJSON jquery-latest.min.js: 5 (анонимная функция) Версия% 204.0.html: 12 b.event.dispatch jquery-latest.min.js: 3 b.event.add.v .handle –

-1

Попробуйте следующее:

var rows = ''; 
for(emp in data.albums) { 
    rows += "<tr>"+ 
       "<td>"+emp.title+"</td>"+ 
       "<td>"+emp.artist+"</td>"+ 
       "<td>"+emp.songs+"</td>"+ 
      "</tr>"; 
} 
$("#EmpNewTable").append(rows); 
+0

Я не уверен, если вы прочитаете вопрос. –

+0

Или если вы знаете, как работает 'for ... in ...'. 'emp' - это * ключ *, а не * значение *. –