内容简介: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);
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- HTML5常用标签(2-4)链接标签及多媒体标签
- 基于标签特定文本表示的文本多标签分类
- HTML5常用标签(2-3)图片标签
- HTML5常用标签(2-5)列表标签
- HTML5常用标签(2-6)样式标签
- HTML5常用标签(2-5)绘图及时间标签
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Java数据结构和算法
拉佛 / 计晓云 / 中国电力出版社 / 2004-02-01 / 55.00元
《Java数据结构和算法》(第2版)以一种易懂的方式教授如何安排和操纵数据的问题,其中不乏一些难题:了解这些知识以期使计算机的应用获得最好的表现。不管使用何种语言或平台,掌握了数据结构和算法将改进程序的质量和性能。 《Java数据结构和算法》(第2版)提供了一套独创的可视讨论专题用以阐明主要的论题:它使用Java语言说明重要的概念,而避免了C/C++语言的复杂性,以便集中精力论述数据结构和算法。经......一起来看看 《Java数据结构和算法》 这本书的介绍吧!