Google Map Places當通過ajax調用時，autocomplete api會引發錯誤

Question

當用戶通過將位置框連接到Google地圖位置autocomplete api來嘗試自動建議位置名稱（使用jquery自動完成）時，用戶鍵入位置框。但是ajax響應會給我一個錯誤。

但是，當我直接在瀏覽器中複製並粘貼相同的api url時，它會將結果返回給我。

我做錯了什麼？

API URL：
https://maps.googleapis.com/maps/api/place/autocomplete/json?input=cola &傳感器=假&鍵= [我的鍵]

從我的螢火蟲截圖

https://docs.google.com/file/d/0B7ZMqGCQDtvkcEhsUTVQWTJhWXc/edit?usp=sharing

jQuery代碼

jQuery("#my_location").autocomplete(
{ 
    source: function(request, response) 
    { 
     jQuery.ajax(
     { 
      url: "https://maps.googleapis.com/maps/api/place/autocomplete/json", 

      type: "GET", 


      data: { 
         input: request.term, //jQuery("#my_location").val(), 
         sensor: "false", 
         key: [my key] 
      }, 

      success: function(data) 
      { 
       response($.map(data.predictions, function(item) 
       { 
        return { 
         label: item.description, //item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, 
         value: item.description 
        } 
       })); 

       //console.log(data); 

      }, 

      error: function(MLHttpRequest, textStatus, errorThrown) 
      { 
       console.log("Error: " + errorThrown) 
      } 

     }); 
    }, 

    minLength: 2 

}); // autocomplete 

Answer 1

我認爲這是因爲CORS。原諒一個非解決方案的答案，但也許作爲指導是有用的。