Maison > interface Web > js tutoriel > Méthode jQuery pour appeler les données jSon et afficher it_jquery

Méthode jQuery pour appeler les données jSon et afficher it_jquery

WBOY
Libérer: 2016-05-16 16:17:05
original
1454 Les gens l'ont consulté

L'exemple de cet article décrit comment jQuery récupère les données jSon et les affiche. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Le code suivant est la partie affichage de la page

Copier le code Le code est le suivant :
function searchProductlistByfilterCondition(index, type, sort, filterWord) { 
    //cite_html 
    var citem_html = '

                    + '

                    + '{title}

                    + '{time}
                    + '

                    + '

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

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

                    + '

                    + '
                    + '


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


                    + '
                    + ' 加关注

                    + '
发私信


                    + '
'; 
    $.get('ajax/getProductListByFliterCondition.ashx', 
     { pageIndex : index, Type : type, Tri : trier, keyWord : filterWord }, function (data) { 
         $.each(data.jsona, fonction (index, elem) { 
             citémHtml = citém_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'); 
    // alerte (tri); 
>

citém_html:页面代码(关键字用特殊符号和文字表示,例如 {imgList},(time)等)

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

第一个参数:jSon插件;第二个参数:json数据格式;第三个参数:function(data)方法,data为取得的json数据串

$.each(data.jsona,function(index,elem))
参数说明:
data.jsona:json数据

fonction(index,elem):
参数说明:
index:索引
elem:相当于json数据串

此后,将html代码添加到页面中。

此方法的作用:
1、传递参数
2、获取
3、展示

接下来在

复制代码 代码如下 :
$(function () { 
    //页面初始化调用 
    searchProductlistByfilterCondition("", "", "", ""); 
    //查询框,关键字查询--调用函数 
    $('#search ').click(function () { 
        pageIndex = 1 ; 
        searchProductlistByfilterCondition(pageIndex, sortP, typeL, keyWord); 
          }); 
>

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

页面中的js作用:
1、绑定
2、赋值

希望本文所述对大家的jQuery程序设计有所帮助。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal