この記事の例では、jQuery が jSon データを取得して表示する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。
次のコードはページの表示部分です
function searchProductlistByfilterCondition(index, type, sort, filterWord) {
//cite_html
var citem_html = '
'
+ '
'
+ '
'
+ '
';
$.get('ajax/getProductListByFliterCondition.ashx',
{ pageIndex: インデックス、タイプ: type、並べ替え: sort、keyWord: filterWord }、関数 (データ) {
$.each(data.jsona, function (index, elem) {
citemHtml = citem_html.replace('{imgList}', elem.msg_img_list).replace('{title}', elem.msg_title)
.replace('{time}', elem.msg_date).replace('{mark}', elem.msg_mark)
.replace('{price}', elem.msg_price).replace('{praise}', elem.msg_praise)
.replace('{user}', elem.msg_create_user);
})
$("#fsD1").after(citemHtml);
}, 'json');
//アラート(ソート);
}
citem_html:页面代码(关键字用特殊記号や文字表示、例:{imgList}、(時間)など)
$.get():指定された资源请要求データベース
第一のパラメータ:jSon插件;第二のパラメータ:jsonデータ格式;第三のパラメータ:関数(データ)メソッド、データは取得するjsonデータ列
$.each(data.jsona,function(index,elem))
パラメータ説明:
data.jsona:jsonデータベース
関数(インデックス,要素):
パラメータ説明:
インデックス:インデックス
elem: jsonデータ串
に相当
この後、HTML コードがトップページに追加されます。
この方法の効果:
1、传递パラメータ
2、获取
3、展示
次来在
$(function () {
//页面初化调用
searchProductlistByfilterCondition("", "", "", "");
//查询框,关键字查询--调用関数数
$('#search ').click(function () {
ページインデックス = 1;
searchProductlistByfilterCondition(pageIndex、sortP、typeL、keyWord);
});
}
セクションでは、特定のデータを入力する必要がある場合にのみ使用できます。
页面中のjs作用:
1、绑定
2、赋值
ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。