ThinkPHP中ajax使用实例教程
更新时间：2014年08月22日 15:16:51 投稿：shichen2014
这篇文章主要介绍了ThinkPHP中ajax使用, 是ThinkPHP开发中非常实用的技巧,需要的朋友可以参考下
本文实例讲述了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);
}
}
}
?>
模板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 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 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>
二、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());
}
}
}
?>
模板index.html代码如下：
<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="提交" onClick="add()" />
</form>
</body>
</html>
感兴趣的朋友可以测试运行一下本文所示实例，可以加深对Ajax应用的理解。
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《smarty模板入门基础教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
相关文章
这篇文章主要详细介绍了PHP文件目录基础操作，并附上大量的操作实例，非常的详尽，有需要的朋友可以参考下2014-11-11
今天小编就为大家分享一篇laravel实现上传图片的两种方式小结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
本文将结合实例代码，介绍laravel结合vue添加权限，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧2021-07-07
本文汇总了一些关于php来路伪造，页面抓取等相关技术的资料，非常的全面，非常的详尽，有需要的小伙伴自己从中选取吧。2014-11-11
今天小编就为大家分享一篇php获得刚插入数据的id 的几种方法总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-05-05
上篇文章我们介绍了Laravel5框架中如何向视图中传送数据，今天我们来研究下如何向视图中传送array，非常的详细，推荐给有需要的小伙伴参考下。2015-04-04
这篇文章主要推荐几个开源的微信开发项目,需要的朋友可以参考下2014-12-12
字符串截取是一个非常常见的编程任务，而往往带中文的字符串截取会经常用到。虽然不难，但是自己写函数实现又耗费时间，这里介绍一个比较好用的字符串截取函数，能够胜任基本的需求了2013-11-11
这篇文章主要介绍了浅析PHP中的i++与++i的区别及效率 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了PHP获取本周所有日期或者最近七天所有日期的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-06-06
最新评论