Gunakan JS untuk membaca data yang dikembalikan dari server dengan JS di HTML untuk ditampilkan
1. Halaman Js.html
Anda perlu memperkenalkan file jquery js
Salin kode kode sebagai berikut:
<!
<Html>
<head>
<Title> dokumen baru </iteme>
<Meta name = "umum" konten = "editplus">
<Meta name = "penulis" konten = "">
<Meta name = "kata kunci" konten = "">
<Meta name = "description" content = "">
<skrip src = "jQuery-1..8.2.min.js"> </ptript>
<script>
$ (function () {
// $ ("#LoadData").
$ (docume) .ready (function () {{) {
// Gunakan metode getjson untuk membaca data JSON,
// Catatan: info.json dapat berupa jenis file yang berbeda, selama data adalah tipe JSON, itu bisa
$ .getjson ('info.json', function (data) {
var html = '';
$ .Each (data, fungsi (i, item) {
html+= '<ted>'+item ['name']+'</td>'+
'<td>'+item ['sex']+'</td>'+
'<td>'+item.address+'</td>'+
'<td>'+item ['home']+'</td> </tr>';
});
$ ('#Title').
// Setelah metode: Masukkan konten setelah setiap elemen pencocokan.
});
});
});
// Catatan: Ini bisa menjadi item.address, atau bisa ['alamat']
// Firefox melaporkan "kesalahan tata bahasa [" dalam file json [", dapat memuat data saja
// IE Chrome tidak dapat memuat data
</script>
</head>
<input type = "tombol" value = "memuat data" id = "loadData" />
<body>
<Tabel id = "infotable">
<TR id = "title"> <t th> nama </t th> <th> gender </th> <th> alamat </th> <t th> homepage </th> </tr>
</boable>
</body>
</html>
File info.json
Salin kode kode sebagai berikut:
[
{{
"Nama": "Zhangsan",
"Seks": "Manusia",
"Alamat": "Haangzhou",
"Home": "http://www.zangsan.com"
},
{{
"Nama": "Lisi",
"Seks": "wumen",
"Alamat": "Beijing",
"Home": "http: //www.lisi.coms" "
}
]
Skenario aplikasi:
Letakkan catatan spesifik dari database pada halaman statis untuk ditampilkan secara teratur. dalam waktu nyata.
Pada titik ini, konten JSON dapat dimuat ke HTML statis.
Ini memang masalah pengkodean yang tidak dapat ditampilkan.
Solusi: Buka file .json-save untuk melihat format pengkodean berikut.
Ada juga tempat yang mudah membuat kesalahan di sini:
Minta file JSON untuk melaporkan 405 kesalahan, jelas jalurnya benar, tetapi masih melaporkan kesalahan.
Solusi: Ubah metode permintaan untuk mendapatkan permintaan: