使用POST方法从javascript向服务器发送json数据的问题

时间:2011-06-23 04:21:37

标签: php javascript ajax json

我正在尝试使用XMLHttpRequest查看我发送到服务器的json数据,但似乎服务器没有收到它,当我运行javascript时会弹出警告窗口但不打印任何内容。有谁知道如何解决这个问题?感谢

在客户端,Java脚本

var obj = {"action": "nothing"};

var jsonString = "jsonString=" + JSON.stringify(obj);


var xmlhttp = new XMLHttpRequest();

xmlhttp.open("POST","http://myserver/main.php",true);

xmlhttp.setRequestHeader("Content-type","application/json");
xmlhttp.setRequestHeader("Content-Length",jsonString.length);

xmlhttp.onreadystatechange = function() 
{           
      if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
          alert(xmlhttp.responseText);
      }
}
xmlhttp.send(jsonString);

在服务器上,php

if(isset($_POST['jsonString'])) 
echo $_POST['jsonString'];

3 个答案:

答案 0 :(得分:1)

您正在发送JSON数据,但内容类型设置为application/x-www-form-urlencoded。您应该发送表单/编码数据(var obj="action=nothing")或将内容类型设置为JSON(application/json

答案 1 :(得分:1)

James的解决方案工作正常,但如果您希望使用application / json内容类型发送数据,则必须以不同的方式访问数据。

对于你的服务器端,

if(isset($_POST['jsonString'])) 
echo $_POST['jsonString'];

改变这一点(就像詹姆斯那样):

xmlhttp.setRequestHeader("Content-type","application/json");

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

如果您想使用应用程序/ json内容类型,那么您必须更改访问服务器端的方式:

    $json_string = file_get_contents('php://input');
    $json_object = json_decode($json_string); 
    echo $json_object->action;

答案 2 :(得分:0)

这对我有用:

<html>
<head>
<script src='json.js'></script>
</head>
<body>

<script>
var obj = {"action": "nothing"};
var jsonString = "jsonString=" + JSON.stringify(obj);
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST","whereIPutThePHP.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-Length",jsonString.length);

xmlhttp.onreadystatechange = function() 
{           
      if(xmlhttp.readyState === 4 && (xmlhttp.status === 200)){
          alert(xmlhttp.responseText);
      } 
}
xmlhttp.send(jsonString);
</script>

</body>
</html>