2017-05-31 20 views
0

阿贾克斯不会提交任何内容。
我一直在尝试了几个小时......阿贾克斯不工作,不会做我想要的

脚本:

<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> 
+2

什么控制台说?该准备工作缺少一个开放大括号,并且它是匿名函数。在这里阅读下次https://learn.jquery.com/using-jquery-core/document-ready/ – Darkrum

+2

右手无法看到你的控制台,我会说你有一个_Syntax Error _... – War10ck

回答

0

试试这个:

$(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重新检查({})

+0

*“我也改变了事件方法”* - 为什么要改变'.click()'为'.on('click')'? (对于与OP的问题无关的微小的性能改进?如果是这样的话) – nnnnnn

+0

有很多原因让我更喜欢.on而不是.click!至于我推荐他使用.on!模式和名称空间只是其中的一小部分。欲了解更多关于此:https://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click –

0

你不写文件准备正常。请检查以下代码:

<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

编码快乐