jQueryのjSonデータを呼び出して表示するメソッド_jquery

この記事の例では、jQuery が jSon データを取得して表示する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

次のコードはページの表示部分です

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

function searchProductlistByfilterCondition(index, type, sort, filterWord) { 
    //cite_html 
    var citem_html = '

' 
                    + '

' 
                    + '{title}

' 
                    + '{time}' 
                    + '

' 
                    + '

' 
                    + '{mark} {price}' 
                    + '{praise}

' 
                    + '

' 
                    + '' 
                    + '{user}

'
                    + '( 转载- ' 
                    + ' 站酷中国 )' 
                    + '

' 
                    + '' 
                    + '

' 
                    + ' 小海藻 福建 福州 ' 
                    + ' 人气：256

' 
                    + ' ' 
                    + ' 加关注 ' 
                    + ' 发私信

' 
                    + '

' 
                    + ' ' 
                    + ' ' 
                    + ' ' 
                    + ' ' 
                    + ' ' 
                    + ' ' 
                    + '

'; 
    $.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 プログラムの設計が役立つことを望みます。