Action
<?php
class MessageAction extends Action{
public function index(){
$this->display();
}
public function jquery(){
$this->display();
}
public function add(){
$m=M('Message');
if ($vo=$m->create()){
if ($m->add()) {
// $this->success('添加成功');
//使用ajax
$this->ajaxReturn($vo,'添加成功',1);
}else{
// $this->error('添加失败');
//使用ajax
$this->ajaxReturn(0,'添加失败',0);
}
}else{
$this->error($m->getError());
}
}
public function addjquery(){
//ajaxReturn()
//返回json格式的数据
//参数一:数据;参数二:提示信息;三:状态
//echo $this->ajaxReturn(3,'提示信息',2);
$m=M('Message');
if ($m->add($_GET)){
$this->ajaxReturn($_GET,'添加信息成功',1);
}else{
$this->ajaxReturn(0,'添加信息失败',0);
}
}
}
?>
jquery.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.4.4.js"></script>
<script type="text/javascript">
//标准ie可用,firefox不可用
$(function(){
$('input:button').click(function(){
var $title=$('input[name="title"]').val();
var $message=$('input[name="message"]').val();
$msg=$('#msg');
$.getJSON('__URL__/addjquery',{title:$title,message:$message},function(json){
if(json.status==1){
$msg.slideDown(2000,function(){
$msg.css('display','block');
}).html('标题为'+json.data.title+'信息为'+json.data.message);
}else{
$msg.slideDown(2000,function(){
$msg.css('display','block');
}).html('信息添加失败,请检查');
}
});
})
})
</script>
<title></title>
</head>
<body>
<!-- 1.jquery实例,将jquery放入Public/js/之下 -->
<div style="display:none;color:red;" id="msg"></div>
<form action="__URL__/addjquery" method="get">
标题:<input type="text" name="title"/><br/>
信息:<input type="text" name="message"/><br/>
<input type="button" value="提交"/><!-- 先设置为button不跳转 -->
</form>
</body>
</html>
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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/ajax/ThinkAjax.js"></script>
<script type="text/javascript">
function add(){
ThinkAjax.sendForm('frm','__URL__/add',callback,'result');
}
function callback(data,status){
alert(status);
if(status==1){
$('msg').innerHTML+='标题'+data.title+',信息'+data.message;
}else{
alert('参数错误');
}
}
</script>
<title></title>
</head>
<body>
<!-- 1.ajax实例,将js文件放入Public/js/之下 -->
<div style="color:red;" id="msg"></div>
<!-- 加入id,加入onclick事件 -->
<form action="__URL__/add" 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>
分享到:
相关推荐
thinkphp+ajax无刷新分页,方便快捷,简单易行
ThinkPHP学习笔记(五)关联的SQL文件
Ajax jQuery thinkPHP 登录注册验证
主要介绍了ThinkPHP5.1+Ajax实现的无刷新分页功能,结合实例形式详细分析了ThinkPHP5.1+Ajax无刷新分页具体原理、前台数据发送与后台处理相关操作技巧,需要的朋友可以参考下
ajax thinkphp无刷新分页模版类,使用在之前上传的文件里
只求分享, 分页,ajax,Thinkphp5,jquery,php, 采用最新TP5多层开发, ajax jquery 无刷新分页效果,并带图, 带数据库, 简单易用,本人新手开发,恳请多多关照!!谢谢,祝贺 2018大家一起发财!!!
thinkphp学习笔记参考.pdf
thinkphp3.1.2学习笔记,常用的知识点,可以打印出来每天温习一下
总计php问题,将常见问题总结在一个文档里面方便阅读
本人博客ThinkPHP学习笔记(四)所使用的数据库文件
thinkphp ajax实例
使用Thinkphp3.2框架,wampserver服务器,ajax提交数据,详情见博客http://blog.csdn.net/welovesunflower/article/details/41963671
个人学习thinkphp所做的笔记,可能尚且不完整
这是一个ThinkPHP和Jquery的手册,直接下载解压就可以用了
主要介绍了在Thinkphp中使用ajax实现无刷新分页的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
tp3.2+ajax无刷新分页,完整代码和数据库结构,还有文档指引,详细介绍
初学php,基于ajax,js用thinkphp做的拉下滚动条到底部时,无刷新加载数据库内容,很简单的数据库,就一条记录,简单的加载,并在引动段也测试过可用.此应用代码有一个小前提,就是默认页面原有的内容量够多,是页面存在滚动...
thinkphp ajax分页,该代码实现无刷新分页,可带参数。代码拓展性强,简单,易用。代码已经调试,可以直接使用。