时间戳

首页 > 解决方案 > 我无法从 ajax 调用中输出 json

jquery - 我无法从 ajax 调用中输出 json

问题描述

我正在使用 Joomla 中的价格计算器，并创建了一个插件用于我的 ajax 函数。

看起来它工作正常，但是当我得到数据时，我无法输出它。

这是我的 ajax 请求的 jquery 代码：

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"}]"

在此处输入图像描述

请问我做错了什么？

标签： jqueryjsonajaxjoomla

解决方案

验证您的 api 是否返回有效的 json，并确保在响应标头中设置了“Content-Type: application/json”。

https://www.getpostman.com/是开发 RestAPI 时非常有用的工具：它可以帮助您调试问题。

推荐阅读