dataType: "json" не работает

Question

Я пытаюсь отправить несколько переменных из php-файла в ajax, используя json в массиве. Код в файле php отлично работает и делает все с моей базой данных, как должно. Но как только я добавляю dataType: «json» в ajax, в php-файле больше ничего не происходит. Я немного поработал в Google, и некоторые люди упомянули, что это может быть проблема с браузером, но пока это не работает ни в firefox, chrome, ни в IE. Я использую последнюю версию jQuery.

Это то, что происходит внутри PHP:

<?php 
//Create variables and update database 

echo json_encode(array("id" => "$realid", "un" => "$username", "date" => "$date")); 
?> 

И это код Ajax:

.ajax(
{ 
    url: 'UpdateComments.php', 
    type: 'POST', 
    dataType: "json", 
    data: 
    { 
     type: "add", 
     comment: $("#comment").val(), 
     id: videoID 
    }, 
    success: function (data) 
    { 
     //Get the data variables from json and display them on page 
    } 
}); 

Я невежественный на это, любой совет будет весьма признателен!

Answer 1

Общая проблема заключается в том, что браузер печатает «что-то еще» перед JSON, является ли это некоторая читабельность или нечитаемым (невидимый) символ. Попробуйте сделать что-то вроде этого:

<?php 
//at the very beginning start output buffereing 
ob_start(); 

// do your logic here 

// right before outputting the JSON, clear the buffer. 
ob_end_clean(); 

// now print 
echo json_encode(array("id" => $realid, "un" => $username, "date" => $date)); 
?> 

Теперь все данные дополнения (до JSON) будут отброшены, и вы должны иметь это работает ...

Answer 2

Если вы задаете тип данных в jQuery, это фактически устанавливает атрибут заголовка Content-Type. Возможно, в вашем скрипте PHP вам нужно объявить этот тип MIME как принятый. Вы заметили, что код даже входит в скрипт PHP при выполнении запроса? Я сомневаюсь, что это проблема с браузером, если она не работает в Firefox, Chrome или IE.

Чтобы получить более точную точку зрения на запрос AJAX, подпишитесь на ajaxBeforeSend (не уверены, правильно ли зарегистрировано имя события jQ docs) и зарегистрируйте объект xhr.

Answer 3

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

Во всяком случае, я изменил основную рутину ajax, надеюсь, это поможет.

$.ajax(
{ 
    url: 'UpdateComments.php', 
    type: 'POST', 
    data: 
    { 
     type: "add", 
     comment: $("#comment").val(), 
     id: videoID 
    }, 
    success: function (response) 
    { 
     //Get the data variables from json and display them on page 
     var data = $.parseJSON(response); 
     alert(data.id); 
    } 
}); 

Answer 4

Я считаю, что если вы используете DATATYPE вы должны использовать CONTENTTYPE, «Официальный тип интернет-СМИ для JSON является применение/JSON».

.ajax(
{ 
url: 'UpdateComments.php', 
type: 'POST', 
contentType: "application/json",//note the contentType defintion 
dataType: "json", 
data: 
{ 
    type: "add", 
    comment: $("#comment").val(), 
    id: videoID 
}, 
success: function (data) 
{ 
    //Get the data variables from json and display them on page 
} 
}); 

Answer 5

Попробуйте определения обработчика ошибок в части вызова $ .ajax

$.ajax({ 
    ..., 
    error: function(xml, error) { 
    console.log(error); 
    } 
}); 

Затем проверьте отладки консоль для любых ошибок, которые могут помочь диагностировать проблему.