Use JS para ler os dados retornados do servidor com JS em HTML para exibir
1. Página js.html
Você precisa apresentar arquivos jQuery js
Copie o código do código da seguinte forma:
<!
<html>
<head>
<Title> Novo documento </title>
<Meta name = "general" content = "editplus">
<Meta name = "autor" content = "">
<Meta name = "Keywords" content = "">
<Meta name = "description" content = "">
<script src = "jQuery-1.8.2.min.js"> </script>
<Cript>
$ (function () {
// $ ("#loadData").
$ (docume) .ready (function () {{) {
// Use o método getjson para ler dados JSON,
// Nota: info.json pode ser tipos diferentes de arquivos, desde que os dados sejam do tipo JSON, ele pode
$ .getjson ('info.json', function (dados) {
var html = '';
$ .ECH (dados, função (i, item) {
html+= '<Ted>'+item ['nome']+'</td>'+
'<td>'+item ['sexo']+'</td>'+
'<td>'+item.address+'</td>'+
'<td>'+item ['home']+'</td> </tr>';
});
$ ('#title').
// após o método: insira o conteúdo após cada elemento correspondente.
});
});
});
// Nota: pode ser item.address, ou pode ser ['endereço']
// Firefox relata "erros gramaticais [" no arquivo json [", pode carregar dados sozinho
// IE Chrome não pode carregar dados
</script>
</head>
<input type = "button" value = "carregando dados" id = "loadData" />
<Body>
<Tabela id = "infotable">
<tr id = "title"> <th> nome </th> <th> gênero </th> <th> endereço </th> <th> página </th> </tr>
</tabela>
</Body>
</html>
Arquivo info.json
Copie o código do código da seguinte forma:
[[
{{
"Nome": "Zhangsan",
"Sexo": "homem",
"Endereço": "Haangzhou",
"Home": "http://www.zhangsan.com"
},
{{
"Nome": "Lisi",
"Sex": "Wumen",
"Endereço": "Pequim",
"Home": "http: //www.lisi.coms" "
}
]
Cenário de aplicação:
Coloque os registros específicos lidos no banco de dados na página estática para exibir regularmente. em tempo real.
Neste ponto, o conteúdo do JSON pode ser carregado no HTML Static.
É realmente um problema de codificação que não pode ser exibido.
Solução: Abra o arquivo .json-SAVE para ver o seguinte formato de codificação.
Há também um lugar fácil de cometer erros aqui:
Solicite o arquivo JSON para relatar 405 erros, obviamente o caminho está certo, mas ainda relata um erro.
Solução: Modifique o método de solicitação para obter solicitações: