jQuery Ajax调用似乎不起作用

时间:2015-03-11 18:32:19

标签: javascript jquery ajax

我试图用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>

1 个答案:

答案 0 :(得分:3)

您在type: "GET"之后错过了逗号。另外,正如@blex在评论中所提到的,你应该将你的绑定放在ondomready上下文中,以确保在绑定之前加载了你的元素。

 $(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
      });
    });
 });