前端：
<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数据处于刚入门阶段，求指点
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);
}
前端传的时候直接传
json
对象不用
JSON.stringify
处理
后端
$_POST['zlclass'];
接收就行
照你现在这样传的话估计得
php://input
中去取
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’];
data:{
data:JSON.stringify(json)
}
var_dump($_POST);看看里面有什么。。
我按照您的意思后台用：
$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>
不知道这样能解决您的问题吗？
ajax上传的不是json，data是json转化成的表单数据，直接var_dump($_POST)，不要用json处理，json是做返回值用的。
扫一扫
1217
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
