当我点击执行ajax请求的函数时，我正在查看firebug中的控制台。问题是，只需单击一个按钮就可以发送1个ajax请求，但我发送了2个请求！
我的js的代码如下所示：
$(document).ready(function() {
$('.book_now').click(function(){
$.ajax({
type: 'POST',
url: '/booking.php',
data: 'event_id='+event_id+'&time_id='+time_id,
success: function(data) {
console.log('inside');
$('#booking_box_content').html(data);
}
});
});
});
哪个看起来很直接吧？
然而，在我的控制台中，我看到1次点击后出现2次GET请求。
我的按钮很简单：
<div class="book_now"></div>
我错过了什么 - 应该有2个GET请求吗？
是否有机会在加载新文件时再次加载$（document）.ready（）函数并再次执行click函数？
注意：我不是双击按钮。它可能无关紧要，但如果我将其更改为POST，它也会两次。
编辑：来自booking.php的回复
<div id="booking_box_left">
<h1 class="speaker_name"></h1>
<h1 class="event_name"></h1>
<div class="event_start_header">Start</div><div id="event_start_datetime">, </div>
<div class="cleared"></div>
<div class="event_end_header">End</div><div id="event_end_datetime">, </div>
<div class="cleared"></div>
<div class="event_where_header">Where</div><div id="event_where"><strong></strong><br /><br />
</div>
</div>
<div id="booking_box_right_container">
<form id="booking_form_1" method="post">
<input type="hidden" name="booking_id" value="7a614fd06c325499f1680b9896beedeb" />
<input type="hidden" name="event_id" value="" />
<input type="hidden" name="time_id" value="" />
<div id="booking_box_right">
<h1>To reserve your seat</h1>
<input type="text" name="booking_email" class="enterSomething booking_email" title="Enter your email..." />
<div class="booking_email_helper">On clicking next a ticket will be held for you for a short period for you to complete your registration.</div>
<input type="submit" id="next" value="Next" />
</div>
</form>
</div>
注意：根据我的知识，此响应中没有任何功能被触发。我怀疑响应是两次触发ajax请求...如果click函数只运行一次，那么它可能不是按钮正在执行该函数两次，而是$ .ajax（）部分，即成功回调即。我已经更新了JS代码，以显示我如何构建console.log（）的东西。
最终编辑：
我的ajax函数包含在以下内容中：
$('#shade, #booking_box').fadeIn(function(){
// ajax function
}
我不知道，但是当#shade（我的thickbox）和#booking_box进来因此运行它时，它正在调用此函数！ :(
我觉得这样的工具。
谢谢大家的帮助。