javascript - jquery .click() 在 Ajax 403 响应后不起作用

Question

我有一些 ajax 返回 403 错误消息，但是当它返回时，与 ajax 调用关联的 click() 函数不再起作用。我不会在 ajax 调用之前或之后附加或添加任何 HTML，如果 ajax 没有收到 403 错误，则没有问题。很简单，如果我从 ajax POST 收到 403 错误，那么 click() 就会中断。我该如何解决这个问题？

这是我的代码:

$( "#add_comment" ).on('click', null, function() {
  
  var data = {token:"{{ Session::token() }}", comment:$('#game_comment_form form textarea').val() };

  $.ajax({
    type: "POST",
    dataType: 'json',
    url: '/game/comment/{{$game->id}}',
    data: data,
    success: function(data){
      alert("Success");
    },
    statusCode: {
      403: function() {
        alert( "Forbidden" );
      }
    },
    error: function(e){
      alert("Error");
      console.log(e);
    }

  });

  return false;

});

Answer 1

你为什么不试试$.post();方法？

像这样...

$.post('/game/comment/{{$game->id}}',data,function(data){
  alert("Success");
}).done(function(data, textStatus, jqXHR) {
        // called on success
}).fail(function(jqXHR, textStatus, errorThrown) {
     // called on failure
}).always(function() {
    // called in both cases 
});