jQuery检索和显示JSON数据的方法

jQuery检索和显示JSON数据的方法
本文给出了jQuery如何接收JSON数据并显示它的示例,供大家参考:

下面的代码是页面中显示的一部分

复制代码代码如下:功能searchproductlistbyfiltercondition(指数型、排序、filterword){

/ / cite_html

无功citem_html =

+ '

+标题}

+ {时间}

+ '

+ '

{ }

{ }

+ '

+ '

+ {用户}

+(转载)

+站酷中国

+ '

+ '

+

+小海藻福建福州

+人气:256

+

+加注意

发送+

+

+

+

+

+

+

+

+;

美元。得到('ajax / getproductlistbyflitercondition处理,

{页索引:索引,类型:类型,排序:排序,关键词:filterword功能(数据){ },

美元。每个(data.jsona,函数(指数、元素){

citemhtml = citem_html.replace({ }imglist,元素。msg_img_list)。取代({标题}元素。msg_title)

。({ }取代时,元素。msg_date)。取代({ }标记,元素。msg_mark)

。({ }取代价格,元。msg_price)。取代({ }赞美,元素。msg_praise)

({ }。更换用户元素。msg_create_user);

})

$(# FSD1 )后(citemhtml);

},'json);

警报(排序);

}

citem_html:网页代码(关键词用特殊符号和文字,如{ imglist },(时间),等)

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

第一个参数:JSON插件;第二个参数:JSON数据格式;第三个参数:函数(数据)方法,以及JSON数据字符串的数据。

美元。每个(data.jsona,函数(指数、元素))

参数描述:

数据jsona:JSON数据。

函数(指数、元素):

参数描述:

指标:指标

元素:JSON的数据串的等效

之后,HTML代码被添加到页面中。

该方法的作用:

1。传递参数

2。获得

三.显示

下一个,

复制代码代码如下:$(函数(){())

页初始化调用

searchproductlistbyfiltercondition(

查询框,关键字查询-调用函数

$(#搜索)。Click(function(){)

页索引= 1;

searchproductlistbyfiltercondition(页索引,sortp,1型,关键词);

});

}

在JS页面中,调用只需要填充特定的数据。

页面中的JS角色:

1。结合

2。分配

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

tag:数据显示检索方法电脑软件

相关内容