Используйте JS, чтобы прочитать данные, возвращаемые с сервера с JS в HTML, чтобы отобразить
1. Js.html Page
Вам нужно представить файлы jQuery JS
Код кода копирования следующим образом:
<!
<html>
<Голова>
<Название> новый документ </title>
<Meta name = "general" content = "EditPlus">
<Meta name = "Author" content = "">
<Meta name = "Keywords" content = "">
<Meta name = "description" content = "">
<script src = "jquery-1.8.2.min.js"> </script>
<Скрипт>
$ (function () {
// $ ("#LoadData").
$ (docume) .ready (function () {{) {
// Используйте метод GetJson для чтения данных JSON,
// Примечание: info.json может быть разными типами файлов, если данные типа JSON, он может
$ .getJson ('info.json', function (data) {
var html = '';
$.
html+= '<ted>'+item ['name']+'</td>'+
'<td>'+item ['sex']+'</td>'+
'<td>'+item.address+'</td>'+
'<td>'+item ['Home']+'</td> </tr>';
});
$ ('#title').
// После метода: вставьте контент после каждого соответствующего элемента.
});
});
});
// Примечание: это может быть item.address, или это может быть ['адрес']
// Firefox сообщает «Грамматические ошибки [» в файле json [», может загружать только данные.
// IE Chrome не может загрузить данные
</script>
</Head>
<input type = "кнопка" value = "загрузка данных" id = "LoadData" />
<тело>
<Таблица id = "infotable">
<tr id = "title"> <th> name </th> <Th> Пол </th> <Th> адрес </th> <Th> Homepage </th> </tr>
</table>
</Body>
</Html>
File info.json
Код кода копирования следующим образом:
[
{{
"Имя": "Чжангсан",
"Секс": "Человек",
"Адрес": "haangzhou",
"Home": "http://www.zhangsan.com"
},
{{
"Имя": "Лиси",
"Секс": "Вумен",
"Адрес": "Пекин",
"Home": "http: //www.lisi.coms" "
}
]
Сценарий приложения:
Разместите конкретные записи из базы данных на статической странице, чтобы отображать. в реальном времени.
На этом этапе содержание JSON может быть загружено в HTML Static.
Это действительно проблема кодирования, которая не может быть отображена.
Решение: Откройте файл.
Есть также место, которое здесь легко допустить:
Запросите файл JSON сообщить о 405 ошибках, очевидно, что путь правильный, но все же сообщает об ошибке.
Решение: изменить метод запроса, чтобы получить запросы: