thinkphp中jqery中的ajax用法

浏览:1015 发布日期:2013/10/27 分类:求助交流
模板:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="__PUBLIC__/js/jquery-1.10.1.min.js"></script>

<script>

     $(function(){
      $('input:button').click(function(){
    
    var $message=$('input[name="message"]').val();
    //alert($message);
    $mess=$('#mess');
    $.getJSON('__ROOT__/user.php/Message/add',{message:$message},function(json){
      alert(json);
      //return false;
      if(json.status==1){
        $mess.slideDown(3000,function(){
          $mess.css('display','block'); 
        }).html('信息为'+json.data.message); 
      }else{
        $mess.slideDown(3000,function(){
          $mess.css('display','block'); 
        }).html('信息添加失败,请检查'); 
      }   
    });
  }) 
})


</script>
</head>
<body>
<div style="display:none; color:#FC3" id="mess"></div>
<form action="__URL__/add" name="form" id="form" method="get">
  
  信息内容:
  <input type="text" name="message" >
  <br/>
  <input type="button" name="sub" value="提交" >        
  
 </form>
 
</body>
</html>
action代码:<?php
 
 class MessageACtion extends Action{
     
     
     public function index(){
         
         $this->display();
         
         
         
         }
        public function add(){
            
            $user=M('user');
            $data['message']=$_GET['message'];
            if($user->add($data))
            {
            $this->ajaxReturn($data['message'],'添加信息成功',1);
            // success 方法返回
            //$this->success('用户名正确~',true);
            // 加载了 Js/Form/CheckForm.js 类库或提交了 ajax=1 隐藏表单元素
            //$this->success('用户名正确~');
            }else
        {
            $this->ajaxReturn('','添加错误!',0);
            // error 方法返回
            //$this->error('用户名错误!',true);
            // 加载了 Js/Form/CheckForm.js 类库或提交了 ajax=1 隐藏表单元素
            //$this->error('用户名错误!');
        }
    
             
             
             
             }
     

     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     }

?>
出现如图问题!怎么解决啊?
最佳答案
评论( 相关
后面还有条评论,点击查看>>