ajax成功コールバックが機能しない

Question

$.ajax({まで正常に動作するJavaScriptがあります。その後、ただローダーでハングアップし、何も起こりません。

$(function() { 
$('.com_submit').click(function() { 
    var comment = $("#comment").val(); 
    var user_id = $("#user_id").val(); 
    var perma_id = $("#perma_id").val(); 
    var dataString = 'comment='+ comment + '&user_id='+ user_id + '&perma_id=' + perma_id; 
    if(comment=='') { 
     alert('Please Give Valid Details'); 
    } 
    else { 
     $("#flash").show(); 
     $("#flash").fadeIn(400).html('<img src="ajax-loader.gif" />Loading Comment...'); 
     $.ajax({ 
      type: "POST", 
      url: "commentajax.php", 
      data: dataString, 
      cache: false, 
      success: function(html){ 
     alert('This works'); 
       $("ol#update").append(html); 
       $("ol#update li:first").fadeIn("slow"); 
       $("#flash").hide(); 
      } 
     }); 
    } 
    return false; 
}); 
}); 

Answer 1

交換してみてください：

var dataString = 'comment='+ comment + '&user_id='+ user_id + '&perma_id=' + perma_id; 

で：

var dataString = { comment: comment, user_id: user_id, perma_id: perma_id }; 

サーバーに送信されるパラメータが適切にエンコードされていることを確実にするために。また、呼び出し元のcommentajax.phpスクリプトが正常に動作していて、何らかのエラーが発生していないことを確認してください。成功ハンドラは実行されず、ローダーインジケータは非表示になりません。実際にローディングインジケータを非表示にする最も良い方法は、successではなく、completeイベントを使用することです。 completeイベントは、例外の場合でもトリガーされます。

FireBugなどのjavascriptデバッグツールを使用して、カバーの下で正確に何が起こるかを確認してください。実際のAJAXリクエストとそのサーバが何を応答しているかを見ることができます。また、javascriptエラーがあるかどうかなども教えてくれます。javascriptが有効なウェブ開発を行っているときに、ちょっと便利なものです。