我试图用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>
答案 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
});
});
});