javascript - jQuery Ajax 调用似乎不起作用

Question

我试图使用 jQuery Ajax 调用一个页面，然后仅显示一个简单的响应(无论是否有效)，但它似乎没有完成任何事情。在 FireBug 中我什至没有收到错误。我在这里做错了什么？

<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>

<script>
$('.doit').click(function (e) {
  e.preventDefault();
  $.ajax({
    url: "https://www.domain.com/page.php?do=it",
    type: "GET"
    success: function (data) {
        $(".result").html('<strong>Done!</strong>');
    },
    error: function (xhr, ajaxOptions, thrownError) {
        $(".result").html('<strong>Houston, we have a problem.</strong>');
    },
    timeout: 15000
  });
});
</script>

<a href="" class="doit">Do it</a>

<div class="result"></div>

Answer 1

您在输入:“GET”后错过了逗号。另外，正如 @blex 在评论中提到的，您应该将绑定(bind)放入 ondomready 上下文中，以确保您的元素在绑定(bind)之前已加载。

 $(function(){
    $('.doit').click(function (e) {
      e.preventDefault();
      $.ajax({
        url: "https://www.domain.com/page.php?do=it",
        type: "GET",
        success: function (data) {
            $(".result").html('<strong>Done!</strong>');
        },
        error: function (xhr, ajaxOptions, thrownError) {
            $(".result").html('<strong>Houston, we have a problem.</strong>');
        },
        timeout: 15000
      });
    });
 });