jQuery onclick中的ajax发布

jQuery onclick中的ajax发布

试试这个。编辑为最终答案。

按钮 ：

<div class= "obutton feature2" data-id="<?php echo $bookID;?>">    <button >Reserve Book</button></div>

脚本 ：

<script>$('.reserve-button').click(function(){    var book_id = $(this).parent().data('id');    $.ajax    ({         url: 'reservebook.php',        data: {"bookID": book_id},        type: 'post',        success: function(result)        { $('.modal-box').text(result).fadeIn(700, function()  {     setTimeout(function()      {         $('.modal-box').fadeOut();     }, 2000); });        }    });});</script>

reservebook.php ：

<?phpsession_start();$conn = mysql_connect('localhost', 'root', '');mysql_select_db('library', $conn);if(isset($_POST['bookID'])){    $bookID = $_POST['bookID'];    $result = mysql_query("INSERT INTO borrowing (UserID, BookID, Returned) VALUES ('".$_SESSION['userID']."', '".$bookID."', '3')", $conn);    if ($result)        echo "Book #" + $bookId + " has been reserved.";    else        echo "An error message!";}?>

PS＃1 ：

mysqli

对您的代码的更改很小，但强烈建议这样做。

PS＃2 ：

success

on
Ajax调用并不意味着

query

成功。仅表示Ajax交易正确并获得了令人满意的响应。就是说，它发送

url

了正确的数据，但并不总是发送正确的数据

url

。