搜索服务端 - 调整 - 搜索结果里的描述与链接

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

现在在这个搜索结果里,只会显示内容的标题 .. 这个结果上面还可以显示描述,图片,还有结果的链接 .. 下面我们再去改造一下这个结果的显示 .. 我们需要循环的处理一下服务端返回来的结果 .. 然后按照 Search 模块要求的数据格式重新整理一下 .. 比如标题要在 title 属性里,描述要在 description 里,链接是在 url 这个属性里 ..

我们先把 results 这个属性的值设置成一个空白的数组 .. 然后循环去处理一下服务端返回来的东西 .. 使用 $.each .. 先指定一下要处理的数据,这里就是 wpResponse .. 第二个参数是一个函数 .. 这个函数有两个参数 .. 一个是 index .. 项目的索引号 .. 还有就是 item ,可以表示当前正在处理的这个项目 .. 这里就是在 wpResponse 里面的一个数据 ..

在这个函数里,我们往 response 这个对象的 results 属性里面添加一些数据项目 .. 可以使用 push 这个方法 .. 每个项目都是一个对象 .. 对象里的东西就是要显示在搜索结果上的数据 .. 一个是 title .. 它的值可以设置成 item.title .. 再用一个 description .. 它的值我们可以使用 item 里的 exceprt 属性的值 .. 它表示的是文章的摘要 ..

再添加一个 url .. 在服务端返回来的结果里面 . link 属性就是文章的地址 .. 这里用 item.link 得到这个地址 ..

保存 .. 在搜索框里输入点东西 .. 现在这个搜索结果会包含文章的标题 .. 还有描述 .. 点击这个搜索结果 .. 可以打开对应的文章页面 ..

搜索服务端 - 调整 - 搜索结果里的描述与链接《 Semantic UI 应用接口 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点