Question

我已经阅读了许多类似的问题并尝试将其用于我的网站，但它无法正常工作（当您点击链接时，控制台上没有响应且数据库未更新）。

以下是我想要做的事情：我希望用户通过点击评论旁边的图标来评价评论+1。我希望用comment_table更新名为rating的mysql rating+1列。当我没有AJAX时（即，只是将表单操作设置为php page?id=10），它工作正常。我不能让AJAX更新数据库。

我的主页上有评论：

<a href="javascript:void(0);" onClick="updateRating(1,<?php echo $thisperspective_row['id']; ?>)" alt="UPVOTE" id="upvote_<?php echo $thisperspective_row['id']; ?>"><span class="glyphicon glyphicon-chevron-up"></span></a>

该链接下面的javascript：

<script type="text/javascript"> 
function updateRating(rating, id){

$.ajax({
    type: "GET",
    url: "rating.php",
    mode: "vote",
    rating: rating,
    id: <?php echo $thisperspective_row['id']; ?>,
    success: function(response) {
     console.log(response); 
    }
});
return false; // Prevent the browser from navigating to the-script.php
                };
</script>

和我的rating.php文件是

<?php
require_once('connectiontodatabase.php'); 

/* simple comment up and down voting script */
$mode = $_GET['mode'];
$rating = $_GET['rating'];
$id = $_GET['id'];

if ($mode=="vote")
    {
    // The name of the 
    $cookie = "nameofmycookie".$id;  
    if(isset($_COOKIE[$cookie])) 
        { 
        echo '<div class="alert alert-warning"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> Sorry You have already rated this comment within the last 14 days.</div>'; 
        } 
    else 
        {
        $expiry = 1209600 + time();  // 14 day expiry
        setcookie ($cookie, "voted", $expiry);
        mysql_query ("UPDATE comment_table SET rating = rating+$rating WHERE id=$id", $connection);
        }
    }

?>

php运行正常，当我查看源代码时，所有变量都已正确列出。但是，当我单击该链接时，根本没有响应，并且控制台不输出响应。我究竟做错了什么？提前谢谢！

Answer 1

首先，您应该更改检测点击事件的方式。查看this fiddle。然后，您需要使用data选项在一个JSON string中传递所有变量。您的代码应如下所示：

<span class="glyphicon glyphicon-chevron-up clickable" 
    data-rating="1" 
    data-id="<?php echo $thisperspective_row['id']; ?>"></span>

<script type="text/javascript">
    $('.clickable').on('click', function() {
        var data = {
            mode: "vote",
            rating: $(this).data('rating'),
            id: $(this).data('id')
        };
        $.ajax({
            type: 'GET',
            url: 'rating.php',
            data: data,
            success: function(response) {
                console.log(response);
            }
        });
    });
</script>

Answer 2

首先，检查您是否正在加载jQuery，然后使用此代码

function updateRating(rating, id){
  $.ajax({
    type: "GET",
    url: "rating.php",
    mode: "vote",
    data: { rating: rating, id: id },
    success: function(response) {
     console.log(response); 
    }
  });
return false; // Prevent the browser from navigating to the-script.php
};

正在为我工作。请注意我在Ajax中删除了`，因为你已经在函数中发送了params，也发送了你必须使用数据的参数，你可以在这里看到更多的例子Ajax jQuery

用html链接更新数据库点击使用ajax php mysql

2 个答案: