码迷,mamicode.com
首页 > Web开发 > 详细

jq和thinkphp经常使用的几种ajax

时间:2014-08-01 10:35:51      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   使用   io   数据   

第一种方法


 

bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣

 

 

第二种方法

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>

 

jq和thinkphp经常使用的几种ajax,布布扣,bubuko.com

jq和thinkphp经常使用的几种ajax

标签:style   blog   http   color   java   使用   io   数据   

原文地址:http://www.cnblogs.com/xingli-php/p/3884256.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!