Home > Backend Development > PHP Tutorial > Ajax发送json数据,后台用php处理。

Ajax发送json数据,后台用php处理。

WBOY
Release: 2016-06-06 20:07:45
Original
1681 people have browsed it

前端:

<code>
    <button id="btn">提交</button>
    <div id="container"></div>
    <script type="text/javascript">
            var json = {
                "classid": 1,
                "zlclass": "测试"
            };
            $("#btn").click(function() {
                $.ajax({
                type: "POST",
                url:"form.php",    
                contentType:"application/json;charset=utf-8",
                data: JSON.stringify(json),
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    $("#container").html(data);
                }
            });
            });
            
    </script>
</code>
Copy after login
Copy after login

后端:

<code><?php header("Content-type:text/html;charset=UTF-8");
$data=json_decode($_POST['data']);
echo($data);
?>
</code>
Copy after login
Copy after login

结果test.html没有看到返回值,报错。对于php后台接收json数据处于刚入门阶段,求指点
Ajax发送json数据,后台用php处理。

回复内容:

前端:

<code>
    <button id="btn">提交</button>
    <div id="container"></div>
    <script type="text/javascript">
            var json = {
                "classid": 1,
                "zlclass": "测试"
            };
            $("#btn").click(function() {
                $.ajax({
                type: "POST",
                url:"form.php",    
                contentType:"application/json;charset=utf-8",
                data: JSON.stringify(json),
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    $("#container").html(data);
                }
            });
            });
            
    </script>
</code>
Copy after login
Copy after login

后端:

<code><?php header("Content-type:text/html;charset=UTF-8");
$data=json_decode($_POST['data']);
echo($data);
?>
</code>
Copy after login
Copy after login

结果test.html没有看到返回值,报错。对于php后台接收json数据处于刚入门阶段,求指点
Ajax发送json数据,后台用php处理。

A) 已你的前端为准,php端需要这样获取

<code>$json = file_get_contents('php://input');</code>
Copy after login

因为是发送的是json数据,所以并不存在$_POST['data']这个东西。
B) 已你的后端为准,前端需要这样发送

<code>            $.ajax({
                type: "POST",
                url:"form.php",    
                //contentType:"application/json;charset=utf-8",
                data: {data: JSON.stringify(json)}, //使用普通的键值方式
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    $("#container").html(data);
                }</code>
Copy after login

前端传的时候直接传json对象不用JSON.stringify处理
后端 $_POST['zlclass']; 接收就行

照你现在这样传的话估计得php://input中去取

<code>var json = {
                "classid": 1,
                "zlclass": "测试"
            };
            $("#btn").click(function() {
                $.ajax({
                type: "POST",
                url:"form.php",    
                dataType:'JSON',
                data: json,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    $("#container").html(data);
                }
            });
            });</code>
Copy after login

后台直接$data=$_POST['classid'];

<code>data:{
    data:JSON.stringify(json)
}</code>
Copy after login

var_dump($_POST);看看里面有什么。。

我按照您的意思后台用:

<code>$data = json_decode($_POST['data'],true);
   echo($_POST['data']);
</code>
Copy after login

接收到了数据:Ajax发送json数据,后台用php处理。

前端代码:

<code> <script>
   var json = {
                "classid": 1,
                "zlclass": "测试"
            };
      $.ajax({
                type: "POST",
                url:"http://localhost/ajax/json/test.php",                
                data: {data: JSON.stringify(json)}, 
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {                                       
                    $("#container").append("<h2>传数据成功");
                    $("#container").append("<h2>"+"classid:"+data['classid']+",zlclass:"+data['zlclass']+"");
                }
            })
       </script>
</code>
Copy after login

不知道这样能解决您的问题吗?

ajax上传的不是json,data是json转化成的表单数据,直接var_dump($_POST),不要用json处理,json是做返回值用的。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template