jquery ajaxの内容がロードされていません

Question

私はajaxで単純なhtmlページをロードしようとしています。

$("h1").click(function() { 
    $.ajax({ 
    type: 'POST', 
    url: 'ajax.html', 
    success: function(response) { 
      $('#buttonGroups').html(response); 
      alert('Load was performed.'); 
     } 
    }); 
}) 

しかし、私は警告を受け取りません..？私は何が欠けていますか？

Answer 1

あなたはjqueryのにそれを伝える必要があるので、あなたがHTMLとして応答を使用している：

$("h1").click(function() { 
    $.ajax({ 
    type: 'POST', 
    url: 'ajax.html', 
    dataType: "html", // <==== 
    success: function(response) { 
      $('#buttonGroups').html(response); 
      alert('Load was performed.'); 
     } 
});