从数据库中检索数据时,AJAX代码与JSON和PHP无关

时间:2017-12-20 14:22:44

标签: javascript php jquery html css

我正在创建搜索。用户搜索城市,该城市的前10个景点出现在div中。我希望每个div有一个吸引力,在我尝试添加任何JSON之前,数据都出现在一个div中。

在我的AJAX代码中,我收到警报意味着存在某种错误,但我不确定是什么。这是我的AJAX代码

$.ajax({
    url: 'searching.php',
    type: 'POST',
    dataType: 'json',
    success: function(data){
        $('#return').html(data.html);
    },
    error: function(jqXHR, textStatus, errorThrown){
        $('#return').html('');
        alert('Error Loading');
    }
});

在search.php中,我连接到数据库,从中检索数据。在if语句中,如果数据库中的结果与输入搜索栏的结果匹配,则返回此信息。

else {
    while ($row = mysqli_fetch_array($result)) {
        $attraction_name = $row['attraction_name'];
        $image = "<img src='{$row['image']}' height='100' width='100'>";
        $lat = $row['lat'];
        $long = $row['long'];
        $cost = $row['cost'];

        $output .= "<li>$attraction_name $lat $long $cost $img</li>";

    }

    $json = array();
    $json['html'] = '<li>' . $output . '</li>';

    header('Content-Type: application/json');
    echo json_encode( $json );
}

在HTML中有一个div id = #return。我想把景点名称,景点的图像,它在地图上的位置以及div内的景点成本。但每个div都需要不同,因为有10个不同的景点。最后,我想知道如何添加单独的div来匹配MySQL中的某一行数据。但是,如果我能弄明白为什么我的AJAX中存在错误,那就太棒了。

1 个答案:

答案 0 :(得分:0)

<?php


$json = array('hmtl' => '<li>' . $output . '</li>');
echo json_encode( $json );
    
?>
您是否尝试过这样定义阵列?

如果我说得对,你的项目会在id的功能中在不同的div中显示不同的答案吗? imo要解决此问题,您需要在ph文件中创建一个循环,以返回包含所有信息的完整数组。

 $image = "<img src='{$row['image']}' height='100' width='100'>";
        $lat = $row['lat'];
        $long = $row['long'];
        $cost = $row['cost'];

        $output .= "<li>$attraction_name $lat $long $cost $img</li>";
        
       

你看过$ img和$ image吗?

相关问题