js を使用して、動的ウェブサイト_JavaScript スキルによってサーバー側から返されたデータを読み取る

HTML で js を使用して、動的 Web サイトのサーバー側から返されたデータを読み取って表示します

1. js.html ページ

には、jquery
を実行する js ファイルを導入する必要があります。

コードをコピー コードは次のとおりです:

行版//EN ">



名前性別 ホームページ




info.json ファイル




コードをコピーします

コードは次のとおりです:

[ { "name":"zhangsan", "sex":"man", "address" :"杭州",

"自宅":"http://www.zhangsan.com"

},
{
"名前":"lisi",
" 性別": "wumen",
"住所":"北京",
"自宅":"http://www.lisi.coms"
}
]


応用シナリオ:

データベースから定期的に読み取られる特定のレコードを静的ページに配置して表示することで、データベースへのアクセス負荷を軽減します。特定のレコードの数を取り出して、ページ アクセス リンクに保存します。リアルタイムでデータベースをリクエストする必要はありません。

これで、json のコンテンツを静的 html に読み込むことができます。

中国語を表示できないのは、確かにエンコーディングの問題です。デフォルトで保存される json は Notepad である必要があり、その場合、Notepad のデフォルトのエンコーディングは ANSI に変更されます。中国語の表示に問題があります。

解決策: .json ファイルを開き、名前を付けて保存し、下の UTF-8 を選択してください。

ここにもエラーが発生しやすい場所があります。
json ファイルをリクエストすると 405 エラーが報告されます。パスは明らかに正しいですが、それでもエラーが報告されます。
解決策: リクエストを取得するようにリクエスト メソッドを変更します。