使用ajax函数成功后显示消息

Question

我试图在 ajax 请求完成时显示成功消息，但到目前为止还没有成功。 这是html部分

<a href="#" class="bookmarked has-tooltip" data-title="Add to favorite" id="'.$row['image_id'].'"></a>
<span id="message"></span>

这是ajax部分

$(document).ready(function(){
$('.bookmarked', $('.buttons')).click(function(){
$.post('misc/add_favorites.php', { 
    image_id: $(this).attr('id') }, 
       success: function(){
        $('#message').html('<div id="alertFadeOut" style="color: green">Added to favorites!</div>'); // Diplay message with a fadeout
          $('#alertFadeOut').fadeOut(3000, function () {
              $('#alertFadeOut').text('');
          }); 
        });
    console.log(data);
});

});

在控制台中我也遇到了这个错误

Uncaught SyntaxError: missing ) after argument list

Answer 1

你不要在帖子中使用success，它与ajax不同

<script>    


$(document).ready(function(){
        $('.bookmarked', .buttons').click(function(){
                $.post('misc/add_favorites.php', 
                { 
                    "image_id": $(this).attr('id'),
                },
                 function(){
                $('#message').html('<div id="alertFadeOut" style="color: green">Added to favorites!</div>'); // Diplay message with a fadeout
                  $('#alertFadeOut').fadeOut(3000, function () {
                      $('#alertFadeOut').text('');
                  }); 
              });

            console.log(data);
        });


});


 </script>

看看这可能有用

新编辑

在你的php文件中

 if($result > 0 ){
 echo 1;
 } else {
 echo 0;
 }

现在你的函数在你的 ajax 调用中

function(data){
  if(data == 1){
        $('#message').html('<div id="alertFadeOut" style="color: green">Added to favorites!</div>'); // Diplay message with a fadeout
                      $('#alertFadeOut').fadeOut(3000, function () {
                          $('#alertFadeOut').text('');
                      }); 
    }
 }