ajax

来源：互联网发布：macbook 软件下载编辑：程序博客网时间：2024/04/30 10:30

1、Action

<?php
class MessageAction extends Action{

function index(){
$this->display();
}

function add(){

$m=M('Message');
if($vo=$m->create()){

if($m->add()){
$this->ajaxReturn($vo,'用户添加成功',1);
}else{
$this->ajaxReturn(0,'添加失败',0);
}
}else{
$this->error($m->getError());
}

/*
$m=M('Message');
if($m->add($_GET)){
$this->ajaxReturn($_GET,'添加信息成功',1);
}else{
$this->ajaxReturn(0,'添加信息失败',0);
}
*/

// ajaxReturn();

// ajaxReturn(数据,'提示信息',状态);
echo $this->ajaxReturn(3,'sadfsafa',2);

//其实他的本质是返回一组json格式的字符串

//大家可以通过jquery,或者js,或者thinkphp当中封装好的ajax方法来进行接收.

//一块是jquery当中的ajax提交

//jquery 用起来方便强大

//另外一块是thinkphp当中为我们封装好的ajax方法

//因为thinkphp当中的ajax方法它虽然方便，但是官方并没有很好的提供他的方法的使用说明。但是它有个特别使用起来特别方便

}

}

?>

<html>
<head>
<script src="__PUBLIC__/js/jquery-1.4.2.js"></script>
<script>
$(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){

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="__URL__/add" method="GET">

标题<input type="text" name="title"><br>

信息<input type="text" name="message"><br>

<input type="button" value="提交">

</form>

</body>
</html>

------------------------------------------------------

<html>
<head>
<script src="__PUBLIC__/js/Base.js"></script>
<script src="__PUBLIC__/js/prototype.js"></script>
<script src="__PUBLIC__/js/mootools.js"></script>
<script src="__PUBLIC__/js/Ajax/ThinkAjax.js"></script>
<script>
function add(){
ThinkAjax.sendForm('frm','__URL__/add',wc,'result');
}

function wc(data,status){
if(status!=1){
alert('发送失败请检查');
}else{
$('list').innerHTML+='标题'+data.title+',信息'+data.message;
}

}
</script>
</head>

<body>
<div id="result"></div>
<div id="list"></div>
<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>