php – jquery onclick中的ajax帖子

我有一个按钮,它调用一个模态框淡入屏幕,说明从按钮发布的值然后淡出,这可以正常使用jquery,但我也希望在相同的点击值发送从按钮发布到一个 PHP 函数,即运行和模态框仍然淡入淡出.

我只有这个让我的网站知道要使用的js：

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

我还是新人,对于一个菜鸟问题感到抱歉,但这会让ajax运行,还是仅仅适用于jquery？

我正在尝试的当前脚本是:(根据回复编辑正确形成,但现在根本没有任何事情发生)

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

尽管如此,模态框甚至都没有发生.

PHP是,resersebook.PHP：

<?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);
    }

?>

并且要彻底,按钮是：

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

我是新手,我在这里看了几十个其他类似的问题,这就是我如何获得我当前的脚本,但它只是不起作用.

不确定它是否重要,但只有工作模式框的脚本必须在html主体的底部才能工作,不确定是否由于某种原因ajax需要在顶部,但是模态框不会’工作,只是一个想法.

解决方法:

尝试这个.编辑到最后的答案.

按钮：

<div class= "obutton feature2" data-id="<?PHP echo $bookID;?>">
    <button class="reserve-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：

<?PHP
session_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：Ajax调用的成功并不意味着查询成功.只表示Ajax事务正确进行并得到满意的响应.这意味着,它向url发送了正确的数据,但并不总是url做了正确的事情.

php – jquery onclick中的ajax帖子

相关推荐