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

栏目: PHP · 发布时间: 6年前

内容简介:thinkphp 中的volist标签在ajax操作中的特殊性

背景

在一个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);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

进化式运营:从互联网菜鸟到绝顶高手

进化式运营:从互联网菜鸟到绝顶高手

李少加 / 电子工业出版社 / 2016-11 / 59

互联网运营作为一个新兴的岗位,一方面它是企业的核心岗职,身负重任,另一方面,又由于其短暂的历史,缺乏成熟体系的工作方法论,而目前业界主流的运营方法却是从企业视角出发,存在极大的改进空间。 《进化式运营:从互联网菜鸟到绝顶高手》作者基于自身十年的互联网洞察、实践经验,并融合了信息论、心理学、经济学、管理学、甚至包括生态学、进化论等跨学科跨学业的知识,从无到有地构建了一套全新的互联网运营体系:基......一起来看看 《进化式运营:从互联网菜鸟到绝顶高手》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码