无法在变量中存储一个函数值

时间:2016-08-30 08:38:40

标签: javascript jquery ajax google-maps jquery-ajaxq

我从jquery ajax调用获取值但无法保存在全局变量中,我希望在另一个函数中使用哪个值。我想在初始化函数中分配dustValue。

javascript代码

var dustValue;
$.ajax({
    type: "GET",
    url: "http://my url",
    dataType: "json",
    success: function (data) {
        dustValue = data.sensorsdata.PHValue;
    }
});
var myCenter = new google.maps.LatLng(22.8046, 86.2029);
function initialize() {
    var mapProp = {
        center: myCenter,
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
    var value = dustValue;//78.55
    var dustbinstatus = '';

    if (value < 50) {
        dustbinstatus = 'img/dustbinempty.png';
    } else if (value > 50 && value < 90) {
        dustbinstatus = 'img/dustbinfull.png';
    } else if (value > 90) {
        dustbinstatus = '3.jpg';
    }

    var marker = new google.maps.Marker({
        position: myCenter,
        icon: v_icon
    });
        marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);

身体

 <div id="googleMap" style="width:1580px;height:780px;"></div>

1 个答案:

答案 0 :(得分:0)

ajax调用是asynch,所以你可以在下面这样做。我的意思是将google.maps.event行移到成功函数

var dustValue;
$.ajax({
    type: "GET",
    url: "http://my url",
    dataType: "json",
    success: function (data) {
        dustValue = data.sensorsdata.PHValue;
        google.maps.event.addDomListener(window, 'load', initialize);
    }
});
var myCenter = new google.maps.LatLng(22.8046, 86.2029);
function initialize() {
    var mapProp = {
        center: myCenter,
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
    var value = dustValue;//78.55
    var dustbinstatus = '';

    if (value < 50) {
        dustbinstatus = 'img/dustbinempty.png';
    } else if (value > 50 && value < 90) {
        dustbinstatus = 'img/dustbinfull.png';
    } else if (value > 90) {
        dustbinstatus = '3.jpg';
    }

    var marker = new google.maps.Marker({
        position: myCenter,
        icon: v_icon
    });
        marker.setMap(map);
}

或者您可以在功能

时使用
$.when(ajaxfunction()).done(your logic);