Question

我在网站上有很少的ajax功能。朋友添加/删除等他们工作得很好，从1周后他们就没有。

控制台日志中没有任何内容。当我按下按钮时没有任何事情发生。我只是不知道会出现什么问题。页面来源自6个月以来未发生变化。这是脚本之一

$(document).ready(function(){
$('.newFriend, .buttons').click(function() {
$.post('misc/add_friend.php',
        {
            "id": $(this).attr('id')
        },
        function (response) {

            switch (response) {
                case 'Already friends':
                    $('#message_newfriend').html('<div id="alertFadeOut" style="color: green">Already friends!</div>');
                    $('#alertFadeOut').fadeOut(3000, function () {
                        $('#alertFadeOut').text('');
                    });
                    break;
                case 'Trying to add themselves':
                    $('#message_newfriend').html('<div id="alertFadeOut" style="color: red">You can't add yourself as a friend!</div>');
                    $('#alertFadeOut').fadeOut(3000, function () {
                        $('#alertFadeOut').text('');
                    });
                    break;
                case 'Added as friend':
                    $('#message_newfriend').html('<div id="alertFadeOut" style="color: red">You added this user as a friend!</div>');
                    $('#alertFadeOut').fadeOut(3000, function () {
                        $('#alertFadeOut').text('');
                    });
                    break;
            }

        });

   });

});

这是按钮

<a href="javascript:;" class="newFriend has-tooltip pull-right" data-title="Add as a friend" id="'.$id.'" >
    <i class="fa fa-user" style="text-decoration: none;"></i> Add as a friend
</a>

这些是我使用

的声明

<script src="css/js/jquery.confirm.min.js"></script>  
<script src="css/js/jquery.flexslider-min.js"></script>    
<script src="css/js/jquery-1.10.1.min.js"></script>
<script src="css/js/jquery-ui.min.js"></script>
<script src="css/js/bootstrap.min.js"></script>

Answer 1

尝试交换

 <script src="css/js/jquery-1.10.1.min.js"></script>
 <script src="css/js/jquery-ui.min.js"></script>
 <script src="css/js/bootstrap.min.js"></script>
 <script src="css/js/jquery.confirm.min.js"></script>  
 <script src="css/js/jquery.flexslider-min.js"></script>

Answer 2

它可能是一个跨域问题。http到https ajax调用主机，端口和方案（协议）必须相同才能使AJAX请求起作用。

网站上的所有ajax调用突然停止工作

2 个答案: