jQuery调取jSon数据并展示的方法

jQuery 2018-12-30

本文实例讲述了jQuery调取jSon数据并展示的方法。分享给大家供大家参考。具体如下：

以下代码是将页面中的展示部分

' 
 + '

' + '

' + '{praise}

' + '

' + '- )' + '

ottom">

' + ' ' + ' 256

' + ' 加关注发私信

' + '

' + ' ' + ' ' + '

'; $.get('ajax/getProductListByFliterCondition.ashx', { pageIndex: index,Type: type,Sorting: sort,keyWord: filterWord },function (data) { $.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'); //alert(sort); }

citem_html：页面代码（关键字用特殊符号和文字表示，例如 {imgList}，（time）等）

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

第一个参数：jSon插件；第二个参数：json数据格式；第三个参数：function（data）方法，data为取得的json数据串

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

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

此后，将HTML代码添加到页面中。

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

接下来在

代码如下:

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

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

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

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

jQuery 展示展示数据数据数据方法方法调取