问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
hzrWeb
    1.2k108198

    前端：

    <body>
    <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>
</body>

    后端：

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

    结果test.html没有看到返回值，报错。对于php后台接收json数据处于刚入门阶段，求指点
    图片描述

    ajaxphp
    阅读 17.5k
    7 个回答
    得票最新
    头像
    incNick
      6.3k2613
      ✓ 已被采纳

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

      $json = file_get_contents('php://input');

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

                  $.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);
                }
      头像
      冰糖雪梨
        3.7k11733

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

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

        头像
        guangpunba
          5.4k42754
          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);
                }
            });
            });

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

          头像
          kyanag
            3741917
            data:{
    data:JSON.stringify(json)
}
            头像
            点点点点
              2336

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

              头像
              蜗牛oscer宋
                961319

                我按照您的意思后台用：

                $data = json_decode($_POST['data'],true);
   echo($_POST['data']);

                接收到了数据：图片描述

                前端代码：

                 <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>传数据成功</h2>");
                    $("#container").append("<h2>"+"classid："+data['classid']+",zlclass:"+data['zlclass']+"</h2>");
                }
            })
       </script>

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

                头像
                小狗快跑嘟嘟
                  2.8k11326

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

                  查看全部 7 个回答
                  推荐问题
                  宣传栏