javascript obj vs jQuery

Question

我有JS代碼的一些問題。當我與對象陣列我的代碼工作正常，但是當我在（）這是行不通的。此代碼工作的良好

$(window).load(function() { 

    var map = new YMaps.Map(document.getElementById("YMapsID")); 
    map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10); 
    map.addControl(new locationSearchBox()); 

    projects = [{Lat: "lat", Lng: "lng", Address: "address", label: "фывафыва"}, 
       {Lat: "lat", Lng: "lng", Address: "address", label: "авыва"}, 
       {Lat: "lat", Lng: "lng", Address: "address", label: "аваы"}, 
       {Lat: "lat", Lng: "lng", Address: "address", label: "фываl"}]; 


    console.log(projects); 


    $("#project").autocomplete({ 
     minLength: 0, 
     source: projects, 
     focus: function(event, ui) { 
      $("#project").val(ui.item.label); 
      return false; 
     }, 
     select: function(event, ui) { 
      $("#project").val(ui.item.label); 

       map.removeAllOverlays(); 
       var point = new YMaps.GeoPoint(ui.item.Lng, ui.item.Lat); 
       var placemark = new YMaps.Placemark(point); 
       placemark.name = ui.item.label; 
       placemark.description = ui.item.Address; 
       map.addOverlay(placemark); 
       map.panTo(point, {flying: 1}); 

      return false; 
     } 
    }) 

    .data("autocomplete")._renderItem = function(ul, item) { 
     return $("<li></li>") 
      .data("item.autocomplete", item) 
      .append("<a>" + item.label + "</a>") 
      .appendTo(ul); 
    }; 

這個人是不行的=（

$(window).load(function() { 

    var map = new YMaps.Map(document.getElementById("YMapsID")); 
    map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10); 
    map.addControl(new locationSearchBox()); 

    $.get("data.php", 
     function(data){  
      for (var i = 0; i < 4; i++) { 
       projects.push({Lat: data[i][0], label: data[i][1], Lng: data[i][3], Address: data[i][2]}); 
      }   
     }, "json"); 


    console.log(projects); 


    $("#project").autocomplete({ 
     minLength: 0, 
     source: projects, 
     focus: function(event, ui) { 
      $("#project").val(ui.item.label); 
      return false; 
     }, 
     select: function(event, ui) { 
      $("#project").val(ui.item.label); 

       map.removeAllOverlays(); 
       var point = new YMaps.GeoPoint(ui.item.Lng, ui.item.Lat); 
       var placemark = new YMaps.Placemark(point); 
       placemark.name = ui.item.label; 
       placemark.description = ui.item.Address; 
       map.addOverlay(placemark); 
       map.panTo(point, {flying: 1}); 

      return false; 
     } 
    }) 

    .data("autocomplete")._renderItem = function(ul, item) { 
     return $("<li></li>") 
      .data("item.autocomplete", item) 
      .append("<a>" + item.label + "</a>") 
      .appendTo(ul); 
    }; 

誰能幫我

謝謝，迪馬

Answer 1

Ajax是異步的;這就是爲什麼您需要將單獨的功能傳遞給$.get，並且您不能僅僅執行var data = $.get(...)。

響應數據將在稍後提供，因爲它必須通過網絡獲取。與此同時，其餘的代碼將會執行，因爲代碼依賴於響應，因此爲時尚早。

您需要將所有依賴於該函數中的響應數據的代碼移至$.get（回調函數）。

Answer 2

在使用.push之前，在您的代碼中聲明變量projects作爲數組。 用途：

projects = []; 

然後用

projects.push({yourObject});