Как отправлять и получать с помощью AJAX и JSON

Question

Я пытаюсь настроить простой вызов AJAX, который отправляет его данные через JSON на мой PHP-скрипт, который затем возвращает данные.

Но мне не повезло.

Вот мой код для отправки:

$.ajax({ 
     url: ROOT+'Address/fetchAddress', 
     type: 'POST', 
     async: false, 
     dataType: 'json', 
     data: { 
     json: { 
      "Id":"0", 
      "Name":"Jim" 
     } 
     }, 
     error: function(a, b) 
     { 
     alert(b) 
     }, 
     success: function(data) 
     { 
     data = $.parseJSON(data); 
     alert(data) 
     } 
    }) 

Serverside:

public function fetchAddress() 
    { 
    $JSON = $_POST['json']; 
    echo json_decode($JSON); 
    } 

Но я получаю "parseerror" в окне предупреждения и если я проверить ответ я получаю:

Warning: json_decode() expects parameter 1 to be string, array given in ...public_html\controllers\Address.php on line 20 

Answer 1

Здесь есть концептуальная ошибка.

Когда вы скажете: dataType: 'json' это означает, что данные в формате JSON.

Вы по-прежнему отправки данных в массиве POST

public function fetchAddress(){ 
    echo $_POST['json']; 
} 

для выборки данных

Чтобы забрать с другой стороны у вас есть заранее обходили объект (как данные возвращаются в формате JSON)

Так

success: function(data) 
    { 

    alert(data.id+"NAME"+data.name); 
    } 

(Ох, и ваши данные не строка (что ар ОСТ ожидает) и JSON настолько чист его в хорошую строку

json: '{"Id":"0","Name":"Jim"}' 

Answer 2

Данные, полученные вашим PHP, не требуют декодирования, так как это уже массив. Просто измените функцию на это, и вы должны быть хорошо

public function fetchAddress() 
{ 
    echo json_encode($_POST['json']); 
} 

Кроме того, так как вы сказали Jquery, что ваш ответ является JSON, нет необходимости вызывать $ .parseJSON() для ваших принесенных данных

Answer 3

ajax вызов передает данные в виде массива и ожидает возвращаемые данные в виде JSON, поэтому функция PHP должна выглядеть

public function fetchAddress() 
{ 
    $data = $_POST['json']; 
    echo json_encode($data); 
} 

и на стороне клиента не требуется декодировать полученные данные, поскольку в ней dataType: 'json', а затем это уже сделано с помощью функции ajax

$.ajax({ 
     url: ROOT+'Address/fetchAddress', 
     type: 'POST', 
     async: false, 
     dataType: 'json', 
     ... 
     success: function(data) 
     { 
     alert(data) 
     } 
    });