Question

我正在尝试在select-event上执行ajax函数。基本上我有一个谷歌地图API连接，它给我一个基于给定输入的地方下拉列表。当用户从结果列表中选择一个值时，必须执行ajax函数。基本任务：通过Google Maps API中的给定坐标在数据库中查找结果。

出于某种原因，我无法使其工作，当脚本到达时，readyState变为4，状态为200.有任何建议吗？

$('#SearchIn').autocomplete({
    source: // my google maps implementation (which works correctly),

    select: function(event, ui){
        $(this).autocomplete('close');
        $(this).val(ui.item.value);

        $.ajax({
            url:        ABS_BASE + 'ajax/ajax-get-results-from-location.php?data=123',
            success:    function(result) {
                            console.log('success');
                            console.log(result); 
                        },
            error:      function(jqXHR, textStatus, errorThrown) {
                            console.log(jqXHR);
                            console.log(textStatus);
                            console.log(errorThrown);
                        }
        });         
    }
});

更新; errorThrown是'SyntaxError'。 textStatus ='parseerror'但文件中的唯一内容是：

<?php
    include './ajax-base.php';

    echo 'OK I\'m here!';

有趣的是，来自jqXHR的responseText是所做的回声。

Answer 1

我猜你错过了PHP的结束：

<?php
include './ajax-base.php';

echo 'OK I\'m here!';
?>

Answer 2

啊我发现了这个错误。在我的ajax-base.php文件中，我设置了一个包含contenttype application/json的标题。这导致了我的错误。

jQuery ajax不断进入错误而不是成功函数

2 个答案: