Question

无论如何，Ajax都不会提交我已经尝试了几个小时......

脚本：

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

Answer 1

试试这个：

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

Answer 2

您尚未正确撰写文档准备。请查看以下代码：

<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：
仅供参考，检查准备文件的替代方法：Documentation

快乐编码

Ajax无法正常工作，不会做我想做的事

2 个答案: