thinkphp中怎么用ajax

我爱编程网小编给大家带来了thinkphp中怎么用ajax相关文章，一起来看一下吧。

本文目录一览：

• 1、html页面通过ajax请求php页面，但是显示502错误。
• 2、thinkphp中怎么用ajax
• 3、php如何获取jquery ajax传递过来的值？

html页面通过ajax请求php页面，但是显示502错误。

比如服务器上有张表或者list
id name sex
1 张三 男
2 李四 女
3 王五 男
你首先在后台代码中把这个表处理成为JSON格式然后用Response.write的方法输出来，比如这样
[{id:1,name:'张三',sex:'男'},{id:2,name:'李四',sex:'女'},{id:3,name:'王五',sex:'男'}]
JSON是用于在JS中描述实体对象的一种方式，具体关于JSON的知识可以看w3school.com.cn上的相关内容，我这儿就不给你细讲了，很简单，我只说做法：
为了方便使用，你需要在你的页面中引用jQuery库，我不知道你用什么语言做的后台程序，原理一样
$.ajax({
url:"这里换成你写好的用于把表转换成JSON的后台处理文件地址，比如a.aspx?参数",
type:"POST",//这里是AJAX请求的方式
dataType:"JSON",//如果你回发的内容是JSON格式的就用这个，否则用Text或其他
data:{
参数1:值,
参数2:值,
......
参数n:值
},//要发送的参数，如果无参数可以不写此项
success:function(data)
{
//此处写入发送成功后要处理的代码，而参数里的这个data，就是请求成功后返回来的上面那个格式的JSON，你可以用data[i]的值来取其中一行，如取张三的数据就是
data[0].name，就取出了张三的name属性
所以你可以在这里用循环去处理data，然后将结果用document.write的方式输出来就完成了。
},
error:function(XMLHttpRequest,Error,F)
{
//出错后可以在这里给出提示，Error参数表示错误信息
}
});

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等等都是一样的道理

php如何获取jquery ajax传递过来的值？

我爱编程网(https://www.52biancheng.com)小编还为大家带来php如何获取jquery ajax传递过来的值？的相关内容。

方法和详细的操作步骤如下：

1、第一步，安装并配置PHP集成环境，以phpstudy为例，见下图，转到下面的步骤。 我爱编程网

2、第二步，完成上述步骤后，在www目录中创建一个新的html文件（new1.html）和一个php（ab.php）文件，见下图，转到下面的步骤。

3、第三步，  完成上述步骤后，html文件首先引用所需的类库jquery文件，然后引用正文部分，以简单的表单提交为例，见下图，转到下面的步骤。

4、第四步，完成上述步骤后，html的javascript-ajax部分，以上一步正文中的cilik事件为例，见下图，转到下面的步骤。

5、第五步，完成上述步骤后，php文件的准备部分主要使用$ _POST接受ajax传输的数据，并且可以返回不同类型的数据。
例如回声结果或转码为json格式的json_encode数据将返回到前端进行处理，见下图，转到下面的步骤。

6、第六步，完成上述步骤后，结果显示：提交表单中的内容后，无需刷新即可显示该内容，见下图。这样，就解决了这个问题了。

以上就是我爱编程网小编给大家带来的thinkphp中怎么用ajax，希望能对大家有所帮助。更多相关文章关注我爱编程网：www.52biancheng.com

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