如何在JS闭包函数中访问变量

时间:2014-03-28 09:40:28

标签: javascript jquery ajax closures

我的代码:

function addMarkerDraggable(group_id) {
    // get current view center location
    var current_view = map.getCenter();
    var current_lat = current_view.lat();
    var current_lng = current_view.lng();
    var mp_id;

    // ajax add marker to db.
    $.ajax({
        url: base_url+'myplaces/control/addplace/'+group_id,
        type: 'POST',
        data: csrf_name+'='+nocsrf_val+'&mp_latitude='+current_lat+'&mp_longitude='+current_lng,
        dataType: 'json',
        success: function(data) {
            if (data.result === true) {
                var mp_id = data.mp_id;
            }
        }
    });

    console.log(mp_id); // #pos.1

    if (mp_id != 'undefined' && mp_id != '') {
        var marker_icon = 'red.png';
        var marker = new google.maps.Marker({
            draggable: true,// ให้ลาก marker ได้ก็กำหนดเป็น true
            position: current_view,
            icon: iconBase + marker_icon,
            map: map,
            title: ''
        });

        google.maps.event.addListener(marker, 'dragend', function() {
            update_position = marker.getPosition();
            update_lat = update_position.lat();
            update_lng = update_position.lng();
            console.log(mp_id); // #pos.2
            ajaxUpdateMarkerDraggedPosition(mp_id, update_lat, update_lng);
        });
    }
}// addMarkerDraggable

似乎我无法从.ajax({})设置var mp_id;并且无法从#pos.1和#pos.2中获取mp_id变量的值。

如何从jquery ajax中设置mp_id 从谷歌地图关闭功能访问它?

2 个答案:

答案 0 :(得分:0)

这不起作用的原因是因为你的代码读起来像这样:

        if (data.result === true) {
            var mp_id = data.mp_id;
        }

...您正在声明一个名为mp_id的 new 变量,而不是更改闭包中变量的值。因此,当'success'回调结束时, local 变量mp_id超出范围,并且您不会更改闭包中的mp_id。

将成功回调更改为以下内容:

         if (data.result === true) {
            this.mp_id = data.mp_id;
         }

你需要研究在你的情况下'this'将被绑定的内容,以确保它是闭包函数addMarkerDraggable。

答案 1 :(得分:0)

    if (data.result === true) {
        var mp_id = data.mp_id;
    }

这意味着您正在创建另一个变量。 只需删除“var”指示符。