Я не могу вывести JSON из вызова AJAX

Question

Я работаю над калькулятором цен в Joomla и создал плагин, который будет использоваться для моей функции ajax.

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

Вот мой код jquery для запроса ajax:

jQuery(document).ready(function(){
    jQuery("#postcode-search").keyup(function(){
        jQuery('#priceList ul').html('');
        jQuery('#priceList').hide();
        jQuery.ajax({
        type: "POST",
        url: "index.php?option=com_ajax&plugin=PriceCalculator&format=json",
        dataType: "json", 
        data:'keyword='+jQuery(this).val(),
        beforeSend: function(){
            jQuery("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
        },
        success: function(data){
console.log(data);

            jQuery("#suggesstion-box").show();
            jQuery("#suggesstion-box").html(data.Postcode);
            jQuery("#search-box").css("background","#FFF");

        }
        });
    });
});

Я получаю этот массив через консольный журнал:

"[{"id":"1110","Postcode":"W11 1AA","Heathrow":"43","Luton":"58","Stansted":"58","Gatwick":"53","pcat":"W11"},{"id":"1111","Postcode":"W11 1AB","Heathrow":"43","Luton":"58","Stansted":"58","Gatwick":"53","pcat":"W11"},{"id":"1112","Postcode":"W11 1AD","Heathrow":"43","Luton":"58","Stansted":"58","Gatwick":"53","pcat":"W11"},{"id":"1113","Postcode":"W11 1AE","Heathrow":"43","Luton":"58","Stansted":"58","Gatwick":"53","pcat":"W11"},{"id":"1114","Postcode":"W11 1AF","Heathrow":"43","Luton":"58","Stansted":"58","Gatwick":"53","pcat":"W11"}]"

enterописание изображения здесь

Что я делаю не так, пожалуйста?

Answer 1

Убедитесь, что ваш API-интерфейс возвращает действительный json, и убедитесь, что в заголовке ответа установлено «Content-Type: application / json».

https://www.getpostman.com/ является ценным инструментом при разработке RestAPI:s это может помочь вам отладить вашу проблему.