通过JQuery ajax.post向PHP提交JSON数据

时间:2012-06-08 10:54:42

标签: php jquery ajax json

我使用POST通过AJAX将数据提交到php文件。 它只需提交字符串就可以正常工作,但现在我想用JSON提交我的JS对象并在PHP端解码它。

在控制台中,我可以看到,我的数据已正确提交,但在PHP端,json_decode返回NULL。

我尝试了以下内容:

this.getAbsence = function()
{
    alert(JSON.stringify(this));
    jQuery.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "ajax/selectSingle.php?m=getAbsence",
        data: JSON.stringify(this),
        success : function(data){
            alert(data);
        }
    });
}

PHP:

echo $_POST['data'];
echo json_decode($_POST['data']);
echo var_dump(json_decode($_POST['data']));

this.getAbsence = function()
{
    alert(JSON.stringify(this));
    jQuery.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "ajax/selectSingle.php?m=getAbsence",
        data: {'Absence' : JSON.stringify(this)},
        success : function(data){
            alert(data);
        }
    });
}

PHP:

echo $_POST['Absence'];
echo json_decode($_POST['Absence']);
echo var_dump(json_decode($_POST['Absence']));

警报只是为了检查一切正常......

并且正常的字符串被正确回应: - )

4 个答案:

答案 0 :(得分:23)

您在第一段代码中的代码出错的地方是您必须使用此代码:

var_dump(json_decode(file_get_contents("php://input"))); //and not $_POST['data']

从PHP手册引用

  

php:// input是一个只读流,允许您从请求正文中读取原始数据。

因为在您的情况下,您正在正文中提交JSON,所以您必须从此流中读取它。 $_POST['field_name']的常用方法不起作用,因为帖子正文不是以URL编码格式。

在第二部分中,您必须使用此:

contentType: "application/json; charset=utf-8",
url: "ajax/selectSingle.php?m=getAbsence",
data: JSON.stringify({'Absence' : JSON.stringify(this)}),

<强>更新

当请求具有内容类型application/json时,PHP不会解析请求并在$_POST中提供JSON对象,您必须自己从原始HTTP正文解析它。使用file_get_contents("php://input");检索JSON字符串。

如果你必须使用$_POST,那就可以实现:

data: {"data":JSON.stringify({'Absence' : JSON.stringify(this)})},

然后在PHP中执行:

$json = json_decode($_POST['data']);

答案 1 :(得分:0)

单引号对于php的json_encode无效,对字段名称和值都使用双引号。

答案 2 :(得分:0)

对我来说,看起来你应该重新格式化你的AJAX对象。 url-property应该只是目标php文件的URL,任何需要发布的数据都应该是data-property中查询字符串的形式。 以下应该按预期工作:

this.getAbsence = function() {
  var strJSONData = JSON.stringify(this);
  alert(strJSONData);
  jQuery.ajax({
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    url: 'ajax/selectSingle.php',
    data: 'm=getAbsence&Absence=' + strJSONData,
    success: function(data) {
      alert(data);
    }
  });
}

答案 3 :(得分:0)

试试这个

  var vThis = this;
  this.getAbsence = function()
  {
    alert(JSON.stringify(vThis));
    jQuery.ajax({
       type: "POST",
       contentType: "application/json; charset=utf-8",
       url: "ajax/selectSingle.php?m=getAbsence",
       data: JSON.stringify(vThis),
       success : function(data){
         alert(data);
       } 
     });
   }

修改

我想我们也可以这样做!

  var vThis = this;
  this.getAbsence = function()
  {
    alert(JSON.stringify(vThis));
    jQuery.ajax({
       type: "POST",
       dataType: "json",
       url: "ajax/selectSingle.php?m=getAbsence",
       data: vThis,
       success : function(data){
         alert(data);
       } 
     });
   }

和PHP

print_r($_POST);