ThinkPHP中ajax使用實例教程

2020-03-22 17:46:17

字體：大中小

來源：轉載

供稿：網友

點擊提交，不需要刷新本頁，將內容提交到數據庫當中，并在本頁顯示提交的內容。如下圖所示：一、html' target='_blank'>jquery實現方法：MessageAction.class.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);
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 id="mess" /div form action="" method="get" 標題： input type="text" name="title" / br / 信息： input type="text" name="message" / br / input type="button" value="提交" / /form /body /html 二、ThinkPHP實現方法：MessageAction.class.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());
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="提交" / /form /body /html 感興趣的朋友可以測試運行一下本文所示實例，可以加深對Ajax應用的理解。PHP教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：php中動態修改ini配置

下一篇：日常收集整理php正則表達式(超常用)