本文实例讲述了thinkphp中使用ajax的方法，提交表单如下图所示：
点击提交，不需要刷新本页，将内容提交到数据库当中，并在本页显示提交的内容。如下图所示：
一、jquery实现方法：
messageaction.class.php页面代码如下：
<?phpclass messageaction extends action{ function index(){ $this->display(); } function add(){ //ajaxreturn(数据,'提示信息',状态) $m=m('message'); if($m->add($_get)){ $this->ajaxreturn($_get,'添加信息成功',1); }el{ $this->ajaxreturn(0,'添加信息失败',0); } } }?>模板index.html代码如下：
<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 fal; if(json.status==1){ $mess.slidedown(3000,function(){ $mess.css('display','block'); }).html('标题为'+json.data.title+'信息为'+json.data.message); }el{ $mess.slidedown(3000,function(){ $mess.css('display','block'); }).html('信息添加失败，请检查'); } }); }) })</script></head><body><div style="display:none; color:red;" 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>二、th齐肩短发发型图片inkphp实现方法：
messageaction.class.php页面代码如下：
<?phpclass messageaction extends action{ function index(){ $this->display(); } function addtwo(){ $m=m('message'); if($vo=$m->create()){ if($m->add()){ $this->ajaxreturn($vo,'添加成功'细胞分裂间期,1); }el{ $this->ajaxreturn(0,'添加失败',0); } }el{ $this->error($m->geterror()); } }}?>模板index.html代码如下：
<html><head><script type="text/javascript" src="__public__/js/ba.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.ndform(优秀的品牌包装设计表单id,url,回调函数,信息显示的地方); thinkajax.ndform('frm','__url__/addtwo',wc); } function wc(data,status){ if(status!=1){ alert('发送失败'); }el{ $('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="提交" onclick="add()" /></form></body></html>感兴趣的朋友可以测试运行一下本文所示实例，可以加深对ajax应用的理解。
更多关于thinkphp相关内容感兴趣的读者可查看本站专题：《thinkphp入门教程》、《thinkphp模板操作技巧总结》、《thinkphp常用方法总温州生物药械结》、《smarty模板入门基础教程》及《php模板技术总结》。
希望本文所述对大家基于thinkphp框架的php程序设计有所帮助。
本文发布于:2023-04-06 21:49:13，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/2b2cf1e75eb009c01abcf5d09b4e587e.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：ThinkPHP中ajax使用实例教程.doc
本文 PDF 下载地址：ThinkPHP中ajax使用实例教程.pdf
| 留言与评论（共有 0 条评论） |
