怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回

最近经常有小伙伴私信询问怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回相关的问题，今天，我爱编程网小编整理了以下内容，希望可以对大家有所帮助。

本文目录一览：

• 1、怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回
• 2、thinkphp中怎么用ajax
• 3、怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回

怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回

我爱编程网(https://www.52biancheng.com)小编还为大家带来怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回的相关内容。

$("form").submit(function(){ //当form表单提交时触发
     var self = $(this);    //获取表单内的对象
     $.post(self.attr("action"), self.serialize(), success, "json");   
     // self.attr("action")获取表单action的值,是异步url值
     //self.serialize() 会获取表单内所有带name的value值
     //success 异步执行成功后执行后的方法
     //"json" 数据格式
     return false;     //阻止表单提交--因为你已经异步请求了
      
      
     function success(data){  //异步执行成功后,返回执行的方法 data就是后台返回值 后台用成功$this->success();或者失败$this->error();就行了
         if(data.status){    //data.status 获取josn数据status的值,这里判断是否成功
             window.location.href = data.url;    //但成功执行的方法
         } else {    
            alert(data.info) ;失败执行的方法
         }    
     }     
      
      
      
   }

thinkphp中怎么用ajax

thinkphp中使用ajax很简单.主要掌握的地方有三个.

第一.tp中ajax的url需要使用大U方法.比如:$.post("{:U('User/add')}")

第二.控制器中返回结果得第一种方法.$this->error('失败','',true); 第三个参数为true.则发挥的是json数据.包含info.status.url三项.

第三.控制器中返回结果的第二种方法.$this->ajaxReturn(array('customKey1'=>'customValue1','customKey2'=>'customValue2','customKey3'=>'customValue3')).

掌握以上三点和ajax基本使用方法.那么在tp中使用ajax也就掌握了.简单的例子如下.伪代码,或许有错. 我爱编程网

模板中:

<script>
    $.post("{:U('User/add')",{uname:xiaoming,age:15},function(data){
        //data接收返回数据
        if(data.status == 1){
            alert(data.info);
            location.href = data.url;
        }else{
            alert('错误');
        }
    });
</script>

控制器中:

public function add(){
    if(IS_AJAX){
        $name = I('post.name','','trim');
        $age = I('post.age','','trim');
        if($name && $age){
            //插入数据
            $this->success('添加成功',U('User/index'),true);
        }else{
            $this->ajaxReturn(array(
                'status'    =>    0,
                'info'    =>    '大爷,您没输入名字',
                'url'    =>    U('User/add')
            ));
        }
        
    }else{
        return false;
    }
}

大概就是这样子.至于剩下的$.ajax.$.getJson等等都是一样的道理

怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回

我爱编程网(https://www.52biancheng.com)小编还为大家带来怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回的相关内容。

Jquery  的 $.post() 方法通过 HTTP POST 方式向服务器发送请求并获取返回的数据，可以实现ajax的提交、接收处理、返回；

例子：
$.post(	
        // 接收数据的PHP页面
        url : 'action.php',	
        // 传给PHP的数据，多个参数用&连接或者使用json格式数据：
        {a:'value1',b:'value2'},function(msg)
        {		
            // 这里是请求发送成功后的回调函数。		
            // msg是返回的数据
            if(msg.xx == xx)
            {
                #处理情况一
            }
            else
            {
                #处理情况二
            }     
        },'json');// 默认返回字符串，设置值等于json则返回json数据	

以上就是我爱编程网小编整理的内容，想要了解更多相关资讯内容敬请关注我爱编程网。更多相关文章关注我爱编程网：www.52biancheng.com

免责声明：文章内容来自网络，如有侵权请及时联系删除。