博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
调取jSon数据--展示
阅读量:6276 次
发布时间:2019-06-22

本文共 2462 字,大约阅读时间需要 8 分钟。

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

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, 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、赋值

此上为自己的一点认知,假设有什么不正确的地方,还希望大家给于指点哦!

你可能感兴趣的文章
性能优化总结(六):预加载、聚合SQL应用实例
查看>>
http缓存知识
查看>>
Go 时间交并集小工具
查看>>
iOS 多线程总结
查看>>
webpack是如何实现前端模块化的
查看>>
TCP的三次握手四次挥手
查看>>
关于redis的几件小事(六)redis的持久化
查看>>
package.json
查看>>
webpack4+babel7+eslint+editorconfig+react-hot-loader 搭建react开发环境
查看>>
Maven 插件
查看>>
初探Angular6.x---进入用户编辑模块
查看>>
计算机基础知识复习
查看>>
【前端词典】实现 Canvas 下雪背景引发的性能思考
查看>>
大佬是怎么思考设计MySQL优化方案的?
查看>>
<三体> 给岁月以文明, 给时光以生命
查看>>
Android开发 - 掌握ConstraintLayout(九)分组(Group)
查看>>
springboot+logback日志异步数据库
查看>>
Typescript教程之函数
查看>>
Android 高效安全加载图片
查看>>
vue中数组变动不被监测问题
查看>>