#jquery #json #tomcat
#jquery #json #tomcat
Вопрос:
Поставленная задача заключается в загрузке страницы, отображении данных json из файла. Я пытаюсь получить доступ к данным в файле .json с помощью jquery,
I notice there is file studentinfo.json listed under sources-JsonTrial folder.
No clue and this has eaten my full day at work..!! please some one help.
here is my json file: studentinfo.json
{"studentsjson":[
{ "name":"Henry Lee", "course":"reading", "year":"2000", "grade":"3"},
{ "name":"John Flex", "course":"writing", "year":"2001", "grade":"4"},
{ "name":"Adam Debby", "course":"math", "year":"1999", "grade":"5"},
{ "name":"Louis Peter", "course":"Science", "year":"2000", "grade":"6"}
]
}
Комментарии:
1. когда я увидел несколько учебников в Интернете и нашел рабочую папку, хранящуюся на веб-сервере. Я сохранил папку JsonTrial (в которой содержатся все вышеуказанные файлы) в папке Tomcat webapps. запущенный сервер и способный получить доступ к html-странице, может увидеть alert(1) , $(«p»).html(«привет, абзац»); успешно.
2. вот мой js-файл: jsonread.js $(window).load(функция(){ оповещение(1); $(«p»).html(«приветственный абзац»); $.getJSON(«studentinfo.json»,функция (данные){ $.each(data.studentsjson, function(){ $(«ul»).append(«<li>Name:» this[‘name’] «</li>»); });//конец каждого обратного вызова });// конец обратного вызова getjson }); }); // конец загрузки
3. и вот мой HTML-файл: readingJson.html <!DOCTYPE html> <html><head> <script type=»text/javascript» src=»jquery.js»></script> <script type=»text/javascript» src=»jsonread.js»></script> <script type=»text/javascript» src=»studentinfo.json»></script> </head> <body> <h1 id=»heading h1″>Здравствуйте Н1 </h1> <p></p> <ul></ul> </body> </html>
4. Я сохранил jquery.js и все файлы существуют в одной папке. Я не знаю, почему? но когда я проверяю элемент (html-страницу), я вижу, что существует Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найден):