编写这个 jQuery ajax 调用的正确方法是什么答案

【问题标题】：What is the correct way to write this jQuery ajax call编写这个 jQuery ajax 调用的正确方法是什么
【发布时间】：2014-12-31 04:16:23
【问题描述】：

我正在尝试建立一个谷歌地图，它通过 ajax 从数据库中提取 GPS 坐标并在地图上绘制一条折线。

当 ajax 调用被删除时，我让它工作，只使用 coord(lat_start,lng_start) 和 coord(lat_end,lng_end)，它在 lat_start,lng_start 和 lat_end,lng_end 之间画了一条线，但是当我尝试包装它时在 ajax 调用中，它说有一个错误。

如果可能，我希望得到有关如何正确编写此块的指导。

SyntaxError: 语法错误'for(i = 0; i

谢谢

//The vars are posted from hidden form values
var lat_start = $(this).parent('.plot_trip').find('.lat_start').val();
var lng_start = $(this).parent('.plot_trip').find('.lng_start').val();
var lat_end = $(this).parent('.plot_trip').find('.lat_end').val();
var lng_end = $(this).parent('.plot_trip').find('.lng_end').val();
var trip_id = $(this).parent('.plot_trip').find('.trip_id').val();

$.ajax({

    type: "GET",
    cache: false,       
    url: '?route=waypoints/get_by_trip_id',
    data: {trip_id:trip_id},
    success: function(data) {
        // have recieved
        alert('recieved data');     
        // set array var                
        var arr = data;     
        // set up google map polyline           
        polyline(map, [ 
            //set start gps coordinates 
            coord(lat_start,lng_start),
            //get and set all gps coordinates from array
            for(i = 0; i < arr.length; i++) { // Error shown here

                coord(arr[i].lat,arr[i].lng),

            }
            //set end gps coordinates
            coord(lat_end,lng_end),

        ]);                     
    }
});

【问题讨论】：

lat_start、lng_start、lat_end 和 lng_end 定义在哪里？
我已经更新了，谢谢。
有人有想法吗？

标签： jquery ajax google-maps map polyline

【解决方案1】：

好的，终于搞定了！

发布我的答案，这可能是错误的，但它有效。

我需要设置一个数组变量并将点推送给它。

代码已完整注释，但如果您有任何问题，请直接提问：)

//The vars are posted from hidden form values
var lat_start = $(this).parent('.plot_trip').find('.lat_start').val();
var lng_start = $(this).parent('.plot_trip').find('.lng_start').val();
var lat_end = $(this).parent('.plot_trip').find('.lat_end').val();
var lng_end = $(this).parent('.plot_trip').find('.lng_end').val();
var trip_id = $(this).parent('.plot_trip').find('.trip_id').val();


$.ajax({

    type: "GET",
    cache: false,       
    url: '?route=waypoints/get_by_trip_id',
    dataType:"json",
    data: {trip_id:trip_id},
    success: function(data) {
        // have recieved
        alert('recieved data');
        // Set up points array variable
        var points = [];
        // set start gps position variable
        var start = coord(lat_start,lng_start);
        //push start gps position to points array variable
        points.push(start);
        //get all gps coordinates from array
        for(i = 0; i < data.length; i++) {
            // set point variable
            var point = coord(data[i].lat,data[i].lng);
            //push point to points array variable 
            points.push(point);
        }
        // set end gps position
        var end = coord(lat_end,lng_end);
        //push end gps position to points array variable
        points.push(end);
        //show polyline using array
        polyline(map,points);
    }
});

【讨论】：