下面代码是将页面中的展示部分
function searchProductlistByfilterCondition(index, type, sort, filterWord) { //cite_html var citem_html = ' '; $.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:页面代码(keyword用特殊符号和文字表示。比如 {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、展示
接下来在
$(function () { //页面初始化调用 searchProductlistByfilterCondition("", "", "", ""); //查询框,keyword查询--调用函数 $('#search ').click(function () { pageIndex = 1; searchProductlistByfilterCondition(pageIndex, sortP, typeL, keyWord); });}
页面js中。调用。仅仅须要将详细的数据相应填上就能够了。
页面中的js作用:1、绑定 2、赋值
此上为自己的一点认知,假设有什么不正确的地方,还希望大家给于指点哦!