thinkphp 中的volist标签在ajax操作中的特殊性

2018-01-15 14:20:42来源:https://www.52bz.la/3652.html作者:皮皮赖's Blog人点击

分享
背景


在一个ThinkPHP的复杂页面(包含volist)中实现volist标签显示Jquery查询结果的返回


知识点


使用ajax的目的是不刷新整个页面的前提下实现部分表格数据的刷新,但是注意ThinkPHP框架中的volist标签是运行在服务器端的,所以使用js动态获取的数据是无法使用thinkPHP标签的,无法将$this->ajaxReturn($data);
的结果直接用$("#div_id").HTML(data)
的方法显示。


目前找到的解决方法(都有缺陷)
1.新建一个页面进行显示


重新打开一个跳转页面,将返回的值采用$this->assign("volist_name", $data);
的方式返回。


**缺陷:相当于对整个页面重新进行了加载,并没有达到部分更新表单的需求。



2.不用thinkPHP框架的标签进行显示



不采用volist
标签,对ajaxReturn
返回的结果进行分析,按照自己的js的template模板进行显示,可以实现局部表单更新


1,template模板 <script id="events-template" type="x-tmpl-mustache"> {{#data}} <tr data-event-id="{{id}}"> <td style="color: {{event_color}}" title="{{type_name}}">{{type_name}}</td> <td>{{isp_name}}</td> <td title="AS{{asn}}">AS{{asn}}</td> <td title="{{update_time}}">{{update_time}}</td> </tr> {{/data}} </script>2.对html简单处理 var events_obj = $('#table_id'); var events_html = events_obj.find('tbody'); var events_tpl = $('#events-template').html();3.对返回的数据进行展示(在ajax的success后function中的操作) var rendered_events = Mustache.render(events_tpl, data); events_html.html(rendered_events);

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台