Javascript ajax未发布到页面_Javascript_Php_Jquery_Ajax

Javascript ajax未发布到页面

javascript php jquery ajax

Javascript ajax未发布到页面,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个ajax函数，可以将一些数据发布到另一个页面，但由于某种原因，它似乎没有发布我不知道为什么这不起作用，我已经看了一个小时了 Ajax功能 $(document).ready(function() { $('.rate').click(function(){ var ratingId = $('#ratingID').val(); var clickBtnValue = $(this).val(); var ajaxurl = 'P

我有一个ajax函数，可以将一些数据发布到另一个页面，但由于某种原因，它似乎没有发布

我不知道为什么这不起作用，我已经看了一个小时了

Ajax功能

$(document).ready(function()
{
    $('.rate').click(function(){
        var ratingId = $('#ratingID').val();
        var clickBtnValue = $(this).val();
        var ajaxurl = 'ProcessRating.php',

        data =  {'action': clickBtnValue, 'ratingID': ratingId};

        $.post(ajaxurl, data, function (response)
        {
            alert("action performed successfully");
        });
    });
});

在主页上

<?php
 session_start();
 echo $_SESSION["messege"];
?>
<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js">
    </script>
    <script> 
     //The Ajax function is here
    </script>
</head>

<body>
    <form>
    <input type="hidden" class="rate" id="ratingID" name="ratingID" value = 
    "<?php echo $article->getId()?>" />
    <input type="submit" class="rate" name="1" value="1" />
    <input type="submit" class="rate" name="2" value="2" />
    <input type="submit" class="rate" name="3" value="3" />
    <input type="submit" class="rate" name="4" value="4" />
    <input type="submit" class="rate" name="5" value="5" />
    </form>
</body>


提供头衔
//这里有Ajax函数
1.由于所有按钮类型均为submit
，并且它们位于
中。因此，您必须使用preventDefault（）
来防止正常表单过账
你可以这样做：-
$(document).ready(function(){
    $('.rate').click(function(e){
        e.preventDefault();
        var ratingId = $('#ratingID').val();

        var clickBtnValue = $(this).val();

        var ajaxurl = 'ProcessRating.php',

        data =  {'action': clickBtnValue, 'ratingID': ratingId};

        $.post(ajaxurl, data, function (response){
            alert("action performed successfully");
        });
    });
});

2.确保ajaxurl
在那里是正确的。（检查控制台以了解这一点，如果URL中有错误，您将在控制台中看到这一点。）
重要提示：-
检查浏览器控制台以查看是否存在任何错误？如果是，请告诉我们。
1.由于所有按钮类型都是submit
，并且它们位于
中。因此，您必须使用preventDefault（）
来防止正常表单过帐
你可以这样做：-
$(document).ready(function(){
    $('.rate').click(function(e){
        e.preventDefault();
        var ratingId = $('#ratingID').val();

        var clickBtnValue = $(this).val();

        var ajaxurl = 'ProcessRating.php',

        data =  {'action': clickBtnValue, 'ratingID': ratingId};

        $.post(ajaxurl, data, function (response){
            alert("action performed successfully");
        });
    });
});

2.确保ajaxurl
在那里是正确的。（检查控制台以了解这一点，如果URL中有错误，您将在控制台中看到这一点。）
重要提示：-
检查浏览器控制台以查看是否存在任何错误？如果是，请告诉我们。
如评论中所建议，请检查通过控制台返回到脚本的内容。您可以这样使用console.log（response）

jQuery.ajax({
    type: "POST", 
    url: "http://url", 
    data: "action=foobar",
    success: function(response){
        console.log(response);
    }
}); 

现在，您可以检查控制台中的返回响应
 如评论中所述，请检查通过控制台返回到脚本的内容。您可以这样使用console.log（response）

jQuery.ajax({
    type: "POST", 
    url: "http://url", 
    data: "action=foobar",
    success: function(response){
        console.log(response);
    }
}); 

现在，您可以检查控制台中的返回响应
 你看过控制台和php的错误报告了吗？我没有看到你在ProcessRating.php上连接到数据库的地方？？？甚至不是这样，因为它不会回显会话消息，所以我可以看到我进入了下一页，我也在查看控制台，但我没有收到任何错误。您查看了控制台，并使用了php的错误报告？我看不到您在ProcessRating.php上连接到数据库的任何地方？？？甚至不是这样，因为它不会回显会话消息，所以我可以看到我进入了下一页，我也在查看控制台，但我没有收到任何错误您必须使用提供的代码。不要“按照评论中的建议”发明新东西——对；所以这更像是一个美化的评论。你必须使用提供的代码。不要“按照评论中的建议”发明新东西——对；所以这更像是一个美化的评论。好的，问题是我的一个函数需要一个../才能进入一个文件夹。我通过使用console发现了这个问题。logok问题出现在我的一个函数中，该函数需要一个../才能进入一个文件夹。我通过使用console.log发现了这一点