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

前端之家收集整理的这篇文章主要介绍了jQuery调取jSon数据并展示的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

代码如下:
' + '
' + '
' + '{praise}
' + '
' + '
' + '- )' + '

' + ' ' + ' 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相关文章