jQuery_jqueryでjsonファイルを読み取るサンプルコード

json ファイルは軽量のデータ対話形式です。通常、jquery の getJSON() メソッドを使用して読み取られます。

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

$.getJSON(url,[data] ,[callback ])

url: ロードされたページアドレス
data: オプション、キー/値の形式でサーバーに送信されるデータ
callback: オプション、成功後に実行されるコールバック関数の読み込み
1. まず、ユーザー情報を保存するための JSON 形式のファイル userinfo.json を作成します。次のように:

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

[
{
"名前 ":"張国利",
"性別":"男性",
"メール":"zhangguoli@123.com"
},
{
"名前":"張鉄林" 、
"性別":"男性"、
"メール":"zhangtieli@123.com"
}、
{
"名前":"鄧小平Jie",
" sex":"女性",
"email":"zhenjie@123.com"
}
]

2. 次に、作成します。 JSON ファイルを取得してユーザー情報データを表示するページ

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

🎜>

div id="jsonTip">