it-swarm.com.ru

Отправка JSON с помощью jquery ajax в PHP

У меня есть простой php-файл, который декодирует мою строку json, передается с помощью ajax и помечает результат, но я не могу сохранить переменную $_POST, почему ???

Я пытаюсь проверить с помощью fireBug и вижу, что запрос POST отправляется правильно, когда вызывается скрипт php , он отвечает Noooooooob мне, кажется, любая переменная POST установлена ,.

Все, что я хочу, это иметь мой массив =)

Строка JSON, сгенерированная JSON.stringify:

[
   {
      "id":21,
      "children":[
         {
            "id":196
         },
         {
            "id":195
         },
         {
            "id":49
         },
         {
            "id":194
         }
      ]
   },
   {
      "id":29,
      "children":[
         {
            "id":184
         },
         {
            "id":152
         }
      ]
   },
   ...
]

JavaScript

$('#save').click(function() {
  var tmp = JSON.stringify($('.dd').nestable('serialize'));
  // tmp value: [{"id":21,"children":[{"id":196},{"id":195},{"id":49},{"id":194}]},{"id":29,"children":[{"id":184},{"id":152}]},...]
  $.ajax({
    type: 'POST',
    url: 'save_categories.php',
    dataType: 'json',
    data: {'categories': tmp},
    success: function(msg) {
      alert(msg);
    }
  });
});

save_categories.php

<?php
  if(isset($_POST['categories'])) {
    $json = $_POST['categories'];
    var_dump(json_decode($json, true));
  } else {
    echo "Noooooooob";
  }
?>
15
The_Guy

Ваш код работает, если вы удалите dataType: 'json', только что проверил его.

$('#save').click(function() {
  var tmp = JSON.stringify($('.dd').nestable('serialize'));
  // tmp value: [{"id":21,"children":[{"id":196},{"id":195},{"id":49},{"id":194}]},{"id":29,"children":[{"id":184},{"id":152}]},...]
  $.ajax({
    type: 'POST',
    url: 'save_categories.php',
    data: {'categories': tmp},
    success: function(msg) {
      alert(msg);
    }
  });
});
17
melc

dataType - это json, поэтому jQuery публикует это:

{"categories":"[{\"id\":21,\"children\":[{\"id\":196},{\"id\":195},{\"id\":49},{\"id\":194}]},{\"id\":29,\"children\":[{\"id\":184},{\"id\":152}]},...]"}

Это не стандартный urlencoded, поэтому $ _POST пусто.

Вы можете установить данные для вашей сложной структуры, и jQuery будет правильно ее кодировать:

$('#save').click(function() {
  $.ajax({
    type: 'POST',
    url: 'save_categories.php',
    dataType: 'json',
    data: $('.dd').nestable('serialize'),
    success: function(msg) {
      alert(msg);
    }
  });
});

И в php: $categories = json_decode(file_get_contents('php://stdin'));

4
Marek

Попробуй это:

$('#save').click(function() {
  var tmp = JSON.stringify($('.dd').nestable('serialize'));
  // tmp value: [{"id":21,"children":[{"id":196},{"id":195},{"id":49},{"id":194}]},{"id":29,"children":[{"id":184},{"id":152}]},...]
  $.ajax({
    type: 'POST',
    url: 'save_categories.php',
    dataType: 'json',
    data: 'categories=' + encodeURIComponent(tmp),
    success: function(msg) {
      alert(msg);
    }
  });
});

Я изменил только эту строку:

data: 'categories=' + encodeURIComponent(tmp),

потому что так, как вы должны записывать данные там. Я проверял это, это работает ...

0
Legionar

это работа для меня, вы можете попробовать это. JavaScript

$('#save').click(function() { $.ajax({ type: 'POST', contentType: 'application/json', url: 'save_categories.php', dataType: 'json', data: JSON.stringify({'categories': $('.dd').nestable('serialize')}), success: function(msg) { alert(msg); } }); });

вам нужно написать следующий код на save_categories.php $ _POST предварительно заполняется данными формы.

Чтобы получить данные JSON (или любой необработанный ввод), используйте php: // input.

$json = json_decode(file_get_contents("php://input"));
$categories = $json->categories;
0
Vipin Kumar