php onclick ajax,在jQuery中的ajax发布onclick

我有一个按钮，调用一个模式框淡入到屏幕上，从按钮发布的值然后淡出，这使用jquery工作正常，但我也希望在同一次点击从按钮发送的值发布到PHP函数，即运行和模态框仍然淡入和淡出。

我只有这样才能让我的网站知道要使用什么样的js：

对于一个菜鸟问题，我还是个新手，但是会允许ajax运行，还是仅仅针对jquery？

我正在尝试的当前脚本是：(根据回复编辑为正确组成，但现在完全没有任何反应)

$('button').click(function()

{

var book_id = $(this).parent().data('id'),

result = "Book #" + book_id + " has been reserved.";

$.ajax

({

url: 'reservebook.php',

data: "book_id="+book_id,

type: 'post',

success: function()

{

$('.modal-box').text(result).fadeIn(700, function()

{

setTimeout(function()

{

$('.modal-box').fadeOut();

}, 2000);

});

}

});

});

尽管如此，模态框甚至没有发生。

该PHP是，resersebook.php：

session_start();

$conn = mysql_connect('localhost', 'root', '');

mysql_select_db('library', $conn);

if(isset($_POST['jqbookID']))

{

$bookID = $_POST['jqbookID'];

mysql_query("INSERT INTO borrowing (UserID, BookID, Returned) VALUES ('".$_SESSION['userID']."', '".$bookID."', '3')", $conn);

}

?>并且要彻底，按钮是：

Reserve Book

我是新来的，我已经看了几十个其他类似的问题，这是我如何获得我当前的脚本，但它不起作用。

不知道它是否重要，但只有工作模式框的脚本必须位于html主体的底部才能工作，不知道是否由于某种原因，Ajax需要位于顶部，但是模​​态框不会运行，工作，只是一个想法。