jSon 데이터를 호출하고 it_jquery를 표시하는 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: index, Type: type, Sorting: sort, keyWord: filterWord }, function (data) { 
         $.each(data.jsona, 함수(색인, 요소) { 
             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：页face代码（关键字用特殊符号화文字表示，例如 {imgList}，(시간)等）

$.get()：从指定资源请求数据

$.each(data.jsona,function(index,elem)) 参数说明：

data.jsona：json数据

함수(색인,요소)：

参数说明：

색인：索引
요소: 相当于json数据串

此后，将html代码添加到页면中。

방법적 작업:

1、传递参数

2、获取
3、전시

接下来지금

复代码码 代码如下:$(function () { 

    //页면初始化调사용

    searchProductlistByfilterCondition("", "", "", ""); 
    //查询框，关键字查询--调用函数 
    $('#search ').click(function () { 
        페이지 인덱스 = 1; 
        searchProductlistByfilterCondition(pageIndex, sortP, typeL, keyWord); 
          }); 
}

页面js中，调用，只需要将具体的数据对应填上就可以了。

页face中의 js작성: 1、결정

2、赋值

希望本文所述对大家의 jQuery는 매우 유용합니다.