阿賈克斯不工作，不會做我想要的

阿賈克斯不會提交任何內容。
我一直在嘗試了幾個小時......阿賈克斯不工作，不會做我想要的

腳本：

<script> 
    $(document).ready(
    $("#submit").click(function(e) { 
     e.preventDefault(); 
     $.ajax({ 
     url: "https://maps.googleapis.com/maps/api/geocode/json?address=birmingham&key=AIzaSyCczrRP8E0BYmt9uGie0J3SgCn9ahdOhxc", 
     type: "GET", 
     dataType: "html", 
     success: function (data) { 
      alert(data); 
     } 
     }); 
    }); 
    }); 
</script>

來源

2017-05-31 Anthony Wittenborn

什麼控制檯說？該準備工作缺少一個開放大括號，並且它是匿名函數。在這裏閱讀下次https://learn.jquery.com/using-jquery-core/document-ready/ – Darkrum

右手無法看到你的控制檯，我會說你有一個_Syntax Error _... – War10ck

試試這個：

$(document).ready(function({ 
    $("#submit").on('click', function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      url: "https://maps.googleapis.com/maps/api/geocode/json?address=birmingham&key=AIzaSyCczrRP8E0BYmt9uGie0J3SgCn9ahdOhxc", 
      type: "GET", 
      dataType: "html", 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    }); 
});

我也改變了事件的方法，但你應該選擇相應的一個你jQuery版本！

P.S重新檢查（{}）

來源

2017-05-31 02:12:14

*「我也改變了事件方法」* - 爲什麼要改變'.click（）'爲'.on（'click'）'？（對於與OP的問題無關的微小的性能改進？如果是這樣的話） – nnnnnn

有很多原因讓我更喜歡.on而不是.click！至於我推薦他使用.on！模式和名稱空間只是其中的一小部分。欲瞭解更多關於此：https://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click –

你不寫文件準備正常。請檢查以下代碼：

<script> 
    $(document).ready(function() { 
     $("#submit").click(function(e) { 
      e.preventDefault(); 
      $.ajax({ 
       url: "https://maps.googleapis.com/maps/api/geocode/json?address=birmingham&key=AIzaSyCczrRP8E0BYmt9uGie0J3SgCn9ahdOhxc", 
       type: "GET", 
       dataType: "html", 
       success: function (data) { 
        alert(data); 
       } 
      }); 
     }); 
    }); 
</script>

我希望這可以解決您的問題。

PS：
FYI檢查替代的方式來寫文檔準備：Documentation

編碼快樂

來源

2017-05-31 02:44:50

阿賈克斯不工作，不會做我想要的

回答

相關問題