当前位置:  编程技术>php

ThinkPHP中ajax使用实例教程

    来源: 互联网  发布时间:2014-08-26

    本文导语:  本文实例讲述了ThinkPHP中使用ajax的方法,提交表单如下图所示: 点击提交,不需要刷新本页,将内容提交到数据库当中,并在本页显示提交的内容。如下图所示: 一、jquery实现方法: MessageAction.class.php页面代码如下: ...

本文实例讲述了ThinkPHP中使用ajax的方法,提交表单如下图所示:

点击提交,不需要刷新本页,将内容提交到数据库当中,并在本页显示提交的内容。如下图所示:

一、jquery实现方法:

MessageAction.class.php页面代码如下:



模板index.html代码如下:





  $(function(){
    $('input:button').click(function(){
      var $title=$('input[name="title"]').val();
      var $message=$('input[name="message"]').val();
      $mess=$('#mess');
      $.getJSON('__URL__/add',{title:$title,message:$message},function(json){
        //alert(json);return false;
        if(json.status==1){
          $mess.slideDown(3000,function(){
            $mess.css('display','block');  
          }).html('标题为'+json.data.title+'信息为'+json.data.message);  
        }else{
          $mess.slideDown(3000,function(){
            $mess.css('display','block');  
          }).html('信息添加失败,请检查');  
        }    
      });
    })  
  })



标题:
信息:

二、ThinkPHP实现方法:

MessageAction.class.php页面代码如下:



模板index.html代码如下:








  function add(){
    //ThinkAjax.sendForm(表单ID,URL,回调函数,信息显示的地方);
    ThinkAjax.sendForm('frm','__URL__/addtwo',wc);  
  }
  function wc(data,status){
    if(status!=1){
      alert('发送失败');
    }else{
      $('list').innerHTML+='标题'+data.title+',信息'+data.message;  
    }  
  }




标题:
信息:

感兴趣的朋友可以测试运行一下本文所示实例,可以加深对Ajax应用的理解。


    
 
 

您可能感兴趣的文章:

  • ThinkPHP之N方法实例教程
  • ThinkPHP之A方法实例教程
  • ThinkPHP标签怎么制作?thinkphp标签制作实例教程
  • ThinkPHP之A方法实例讲解
  • ThinkPHP之N方法实例详解
  • ThinkPHP实现批量删除数据的代码实例
  • ThinkPHP中L方法实例教程
  • 采用ThinkPHP中F方法实现快速缓存实例
  • ThinkPHP中R方法实例教程
  • ThinkPHP3.1之D方法实例详解
  • ThinkPHP的Widget扩展实例
  • ThinkPHP的MVC开发机制实例解析
  • ThinkPHP之R方法实例详解
  • thinkphp自定义标签与view直接标签实例教程
  • thinkphp一键清除缓存实例教程
  • ThinkPHP文件上传实例教程
  • ThinkPHP实例化模型的四种方法概述
  • Thinkphp中volist标签用法实例教程
  • ThinkPHP模板替换与系统常量及应用实例教程
  • ThinkPHP之M方法实例教程
  • ThinkPHP之foreach标签使用概述
  • ThinkPHP使用smarty模板引擎的方法
  • ThinkPHP使用心得分享-上传类UploadFile的使用
  • ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
  • ThinkPHP的L方法使用简介
  • ThinkPHP后台首页index使用frameset时的注意事项分析
  • ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
  • Thinkphp使用mongodb数据库实现多条件查询方法
  • ThinkPHP使用心得分享-分页类Page的用法
  • ThinkPHP3.1新特性之G方法的使用
  • ThinkPHP中U方法的使用浅析
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • ThinkPHP学习笔记(一)ThinkPHP部署
  • ThinkPHP3.1新特性之对分组支持的改进与完善概述
  • 轻量级PHP开发框架 ThinkPHP
  • 模仿 thinkphp 的 nodejs MVC 框架 Nstorm
  • thinkphp分页保持搜索状态实现方法
  • ThinkPHP中的关联模型注意点
  • ThinkPHP CURD方法之order方法教程详解
  • ThinkPHP让分页保持搜索状态的方法
  • ThinkPHP实现事务回滚示例代码
  • Thinkphp模板中截取字符串函数简介
  • ThinkPHP框架实现session跨域问题的解决方法
  • ThinkPHP命令行工具 Tptool
  • ThinkPHP中自定义目录结构的设置方法
  • ThinkPHP模板中判断volist循环的最后一条记录的验证方法
  • 浅析ThinkPHP中execute和query方法的区别
  • ThinkPHP的模版中调用session数据的方法
  • ThinkPHP CURD方法中limit方法教程详解
  • ThinkPHP中URL路径访问与模块控制器之间的关系
  • ThinkPHP查询中的魔术方法简述
  • ThinkPHP3.1新特性之内容解析输出详解


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3