注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

牧野流星

每个人心中都有一个梦想..........

 
 
 

日志

 
 

thinkphp ajax实例[转]  

2014-06-24 19:06:34|  分类: ThinkPHP |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
ThinkPHP示例之Ajax表单提交是继前面的表单处理示例之后,对提交的处理采用Ajax方式进行了改造。
和表单处理示例的区别之处,就是页面提示不再采用默认的跳转页面方式,而是采用Ajax方式进行页面无刷新提示,并且比表单处理示例多了数据查询操作,如图所示:

效果图:
thinkphp ajax实例[转] - 过客 - 牧野流星

默认的操作需要获取数据列表,关键代码:
  1.     public function index() {
  2.         $Form = M("Form");
  3.         // 按照id排序显示前5条记录
  4.         $list = $Form->order('id desc')->limit(5)->select();
  5.         $this->list =   $list;
  6.         $this->display();
  7.     }
复制代码
检测标题的Ajax响应操作是checkTitle操作方法:
  1.     public function checkTitle($title='') {
  2.         if (!empty($title)) {
  3.             $Form = M("Form");
  4.             if ($Form->getByTitle($title)) {
  5.                 $this->error('标题已经存在');
  6.             } else {
  7.                 $this->success('标题可以使用!');
  8.             }
  9.         } else {
  10.             $this->error('标题必须');
  11.         }
  12.     }
复制代码
如果没有输入标题,则会提示:
thinkphp ajax实例[转] - 过客 - 牧野流星
处理表单请求数据的方法稍作改进,采用AjaxReturn方法返回JSON数据到浏览器:
  1.     public function insert() {
  2.         $Form = D("Form");
  3.         if ($vo = $Form->create()) {
  4.             if (false !== $Form->add()) {
  5.                 $vo['create_time'] = date('Y-m-d H:i:s', $vo['create_time']);
  6.                 $vo['content'] = nl2br($vo['content']);
  7.                 $this->ajaxReturn($vo, '表单数据保存成功!', 1);
  8.             } else {
  9.                 $this->error('数据写入错误!');
  10.             }
  11.         } else {
  12.             $this->error($Form->getError());
  13.         }
  14.     }
复制代码
前端采用了Jquery类库进行Ajax操作,详细JS方法可以右键查看源码具体查看。

原文地址:http://www.thinkphp.cn/extend/230.html



  评论这张
 
阅读(160)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018