Use JS para leer los datos devueltos del servidor con JS en HTML para mostrar
1. Página JS.html
Necesita presentar archivos jQuery js
Copiar código del código de la siguiente manera:
<!
<html>
<Evista>
<title> nuevo documento </title>
<Meta name = "general" content = "editPlus">
<Meta name = "autor" content = "">
<Meta name = "Keywords" content = "">
<Meta name = "descripción" content = "">
<script src = "jQuery-1.8.2.min.js"> </script>
<script>
$ (function () {
// $ ("#LoadData").
$ (Docume) .ready (function () {{) {
// Use el método getJson para leer datos JSON,
// Nota: Info.json puede ser diferentes tipos de archivos, siempre que los datos sean de tipo JSON, puede
$ .getjson ('info.json', function (data) {
var html = '';
$ .Each (datos, función (i, elemento) {
html+= '<ted>'+item ['name']+'</td>'+
'<td>'+item ['Sex']+'</td>'+
'<td>'+item.address+'</td>'+
'<td>'+item ['home']+'</td> </tr>';
});
$ ('#title').
// después del método: inserte el contenido después de cada elemento coincidente.
});
});
});
// Nota: puede ser elemento.
// Firefox informa "errores de gramática [" en el archivo JSON [", puede cargar datos solo
// es decir, Chrome no puede cargar datos
</script>
</ablo>
<input type = "button" value = "Loading Data" id = "LoadData" />
<Body>
<Tabla id = "Infotable">
<tr id = "title"> <th> name </th> <th> género </th> <th> dirección </th> <th> homepage </th> </tr>
</table>
</body>
</Html>
Archivo info.json
Copiar código del código de la siguiente manera:
[
{{
"Nombre": "Zhangsan",
"Sexo": "Hombre",
"Dirección": "Haangzhou",
"Inicio": "http://www.zhangsan.com"
},
{{
"Nombre": "Lisi",
"Sex": "Wumen",
"Dirección": "Beijing",
"Inicio": "http: //www.lisi.coms" "
}
]
Escenario de aplicación:
Ponga los registros específicos de la base de datos en la página estática para mostrar regularmente. en tiempo real.
En este punto, el contenido de JSON se puede cargar a HTML Static.
De hecho, es un problema de codificación que no se puede mostrar.
Solución: Abra el archivo .json, lo hagan para ver el siguiente formato de codificación.
También hay un lugar que es fácil de cometer errores aquí:
Solicite el archivo JSON para que informe 405 errores, obviamente la ruta es correcta, pero aún informa un error.
Solución: Modifique el método de solicitud para obtener solicitudes: