使用Ajax从数据库/模型加载数据 - Load data from database/model with Ajax

Load data from database/model with Ajax

我正在创建一个谷歌地图应用程序。我需要用Ajax从数据库中加载位置数据，这样我就可以每x秒显示一次这些数据。我使用的是CodeIgniter/PHP。这就是我得到的：

    <!DOCTYPE html>
    <html>
        <head>
             <title>Simple Map</title>
            <meta name="viewport" content="initial-scale=1.0">
        <meta charset="utf-8">
        <style>
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }
            #map {
                height: 100%;
            }
        </style>
    </head>
    <body>
        <div id="map"></div>
        <script>
            var map;
            function initMap() {
                map = new google.maps.Map(document.getElementById('map'), {
                    center: {lat: -34.397, lng: 150.644},
                    zoom: 8
                });

                httpCall();
            }
            function httpCall($http) {
                $http({
                    method: 'GET',
                    url: '<?php echo site_url('User/marks') ?>',
                    data: data,
                    dataType: "json"
                })
                        .success(function (data) {
                            for (var i = 0, len = markers.length; i < len; ++i) {
                                var myLatLng = {lat: markers[i].lat, lng: markers[i].lng};
                                var marker = new google.maps.Marker({
                                    position: {
                                        lat: parseFloat(markers[i].lat),
                                        lng: parseFloat(markers[i].lng)
                                    },
                                    map: map
                                });
                            }
                        })
            }
        </script>
        <script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
        async defer></script>
    </body>
</html>

用户/标记功能为：

function marks() {
    echo json_encode($this->user_model->get_marks());
}

user_model get marks函数为：

        function get_marks() {
            $sql = "select lat,lng 
from tbl_locations";
            $query = $this->db->query($sql);
            $result = $query->result();
            return $result;
        }

我的错误是：

ReferenceError: data is not defined

显然我传递数据不正确，但正确的方式是什么？

将json结果存储在数组中

function marks() {
    echo json_encode(array('data'=>$this->user_model->get_marks()));
}

并尝试在ajax结果中使用console.log（data）打印数据的结果。

这是因为您没有定义data变量，您正在通过data：data，
您必须在函数httpCall（$http）中定义它，然后在ajax函数中传递它