Публикация строки JSON на PHP-страницу

Question

Хорошо, у меня есть некоторые суицидальные проблемы, отправляющие строку JSON на страницу PHP. Я буквально попал в десятку лучших результатов в Google и много вопросов SO, связанных с моей проблемой, но по-прежнему не могу понять, что я делаю неправильно.

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

Это мой JQuery/JS скрипт для сбора данных от всех форм:

вар photo_annotations = {};

$('form').each(function(i) { 
    var id = $(this).attr('id'); 
    photo_annotations[id] = { 
     caption: $('#'+id+'_caption').val(), 
     keywords: $('#'+id+'_keywords').val(), 
     credit: $('#'+id+'_credit').val(), 
     credit_url: $('#'+id+'_credit_url').val() 
    }; 
}); 

Если я console.log приемлю photo_annotations, это то, что производится, основываясь на два вида, например:

({11: {Надпись: "Надпись на первой фотографии", ключевые слова: «Ключевое слово1, Ключевое слово2, ключевое слово3», кредит: «Joe Bloggs», credit_url: «www.a-domain.com»}, 12: {caption: «Caption for Lady Gaga.», ключевые слова: «Ключевое слово3, ключевое слово4 », кредит:« Джон Доу », credit_url:« www.another-domain.com »}})

Затем я должен отправить это как строка/JSON на PHP страницу, так что я сделал это:

$.ajax({ 
    type: 'POST', 
    dataType: 'html', 
    url: 'ajax/save-annotations.php', 
    data: { data: JSON.stringify(photo_annotations) }, 
    contentType: "application/json; charset=utf-8", 
    success: function(data) { 
     if (data) { 
     $('#form_results').html(data); 
     } else { 
     alert("No data"); 
     } 
    } 
}); 

И на моей странице PHP, я получил это:

<?php 
//print_r($_POST['data']); 
$decoded = json_decode($_POST['data'],true); 
print_r($decoded); 
?> 

Теперь это не единственное, что я пробовал. Я попытался удалить все настройки JSON из сценария AJAX, чтобы просто отправить чистую строку. Я попытался удалить contentType и JSON.stringify, но все равно не поеду. Моя страница PHP просто не может получить данные, которые я отправляю.

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

УДАЛОСЬ FIX IT

я переписал свою функцию AJAX, и она работала. Я не знаю, что пошло не так, но решил протестировать мою функцию AJAX с помощью очень простой строки данных test=hello world и обнаружил, что никакие данные POST не могут быть прочитаны с PHP-страницы, хотя Firebug говорит, что на самом деле страница получала сопоставление почтовых данных что я послал. Очень странно. Во всяком случае, это пересмотренная AJAX скрипт:

var the_obj = JSON.stringify(photo_annotations); 
var post_data = "annotations="+the_obj; 
$.ajax({ 
    url: 'ajax/save-annotations', 
    type: 'POST', 
    data: post_data, 
    dataType: 'html', 
    success: function(data) { 
     $('#form_results').html(data); 
    } 
}); 

Answer 1

Try:

$.ajax({ 
    // ... 
    data: { data: JSON.stringify(photo_annotations) }, 
    // ... 
    }); 

Если вы просто установить «данные» свойства в строку, а затем JQuery думает, что вы хотите использовать его в качестве фактического запроса строка, и это явно не сработает, когда это капля JSON. Когда вы передаете jQuery объект , как указано выше, он будет делать соответствующую URL-кодировку имен и значений свойств (ваш JSON-blob) и создать для вас строку запроса. Вы должны получить один параметр «данных» на сервере, и это значение будет строкой JSON.

Answer 2

Попробуйте urldecode или rawurldecode следующим образом:

<?php 
$decoded = json_decode(urldecode($_POST['data']), true); 
print_r($decoded); 
?> 

Answer 3

я переписал свою функцию AJAX и теперь он работает. Я не знаю, что пошло не так, но решил протестировать мою функцию AJAX с помощью очень простой строки данных test=hello world и обнаружил, что никакие данные POST не могут быть прочитаны с PHP-страницы, хотя Firebug говорит, что на самом деле страница получала сопоставление почтовых данных что я послал. Очень странно. Во всяком случае, это пересмотренная AJAX скрипт:

var the_obj = JSON.stringify(photo_annotations); 
var post_data = "annotations="+the_obj; 
$.ajax({ 
    url: 'ajax/save-annotations', 
    type: 'POST', 
    data: post_data, 
    dataType: 'html', 
    success: function(data) { 
     $('#form_results').html(data); 
    } 
}); 

Единственное, что я могу думать о том, что порядок настройки AJAX требуется, чтобы быть в определенном порядке. Это мой старый сценарий AJAX, который не отправляет данные POST успешно - ну, он отправляет, но не может быть прочитан !!

var the_obj = JSON.stringify(photo_annotations); 
var data_str = "annotations="+the_obj; 
$.ajax({ 
    type: 'POST', 
    dataType: 'html', 
    data: data_str, 
    url: 'ajax/save-annotations.php', 
    success: function(data) { 
     $('#form_results').html(data); 
    } 
}); 

Answer 4

в вашем АЯКС вызова попробуйте сбросить DATATYPE к JSon

dataType: "json", 

Вы не должны использовать JSON.stringify() либо. На вашем php-скрипте вам не придется декодировать [json_decode()] данные из переменной $ _POST. Данные будут легко читаемы вашим php-скриптом.