ThinkPHP中ajax应用案例实例教程

摘要: 文中案例叙述了ThinkPHP中应用ajax的方式,递交表格以下图所显示:点一下递交,不用更新本页,将內容递交到数据信息库之中,并在本页显示信息递交的內容。以下图所显示:一、jqu...

文中案例叙述了ThinkPHP中应用ajax的方式,递交表格以下图所显示:

ThinkPHP中ajax使用实例教程

点一下递交,不用更新本页,将內容递交到数据信息库之中,并在本页显示信息递交的內容。以下图所显示:

ThinkPHP中ajax使用实例教程

一、jquery完成方式:

MessageAction.class.php网页页面编码以下:

 ?php
class MessageAction extends Action{
 function index(){
 $this- display(); 
 function add(){
 //ajaxReturn(数据信息, 提醒信息内容 ,情况) 
 $m=M( message 
 if($m- add($_GET)){
 $this- ajaxReturn($_GET, 加上信息内容取得成功 ,1);
 }else{
 $this- ajaxReturn(0, 加上信息内容不成功 ,0); 
<编码以下:

 html 
 head 
 script type= text/javascript src= __PUBLIC__/js/jquery-1.7.1.min.js /script 
 script type= text/javascript 
 $(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( 信息内容加上不成功,请查验 
 /script 
 /head 
 body 
 div >

二、ThinkPHP完成方式:

MessageAction.class.php网页页面编码以下:

 ?php
class MessageAction extends Action{
 function index(){
 $this- display(); 
 function addtwo(){
 $m=M( message 
 if($vo=$m- create()){
 if($m- add()){
 $this- ajaxReturn($vo, 加上取得成功 ,1); 
 }else{
 $this- ajaxReturn(0, 加上不成功 ,0); 
 }else{
 $this- error($m- getError()); 
<编码以下:

 html 
 head 
 script type= text/javascript src= __PUBLIC__/Js/Base.js /script 
 script type= text/javascript src= __PUBLIC__/Js/prototype.js /script 
 script type= text/javascript src= __PUBLIC__/Js/mootools.js /script 
 script type= text/javascript src= __PUBLIC__/Js/ThinkAjax.js /script 
 script type= text/javascript 
 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; 
 /script 
 /head 
 body 
 div id= list /div 
 form action= method= POST id= frm 
 题目: input type= text name= title / br / 
 信息内容: input type= text name= message / br / 
 input type= button value= 递交 quot;add() / 
 /form 
 /body 
 /html 

很感兴趣的朋友能够检测运作一下文中所显示案例,能够加重对Ajax运用的了解。

(資源库 )

Tag标识:ThinkPHP


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503