如何使用jquery通過ajax使用loader和html內容

Question

這是我的代碼

   $('#loader').hide()
   .ajaxStart(function(){
     $(this).show();
   })
   .ajaxStop(function(){
     $(this).hide();
   });


   $('form#jobsearch').submit(function(){
      $("div.job-search-content").hide();
      $("div#pagination").hide();

       $.ajax({
          type: "POST",
          url: "classes/ajax.simplesearch.php",
          data: $('form#jobsearch').serialize(),
          success: function(data){
          // I DONT" REALLY KNOW WHAT TO DO IN THIS PART 
            $(data).insertAfter('#job-search-headings').html();
              //$("div.job-search-content").show();
          }
       });
        return false;
   });
});

如果我隱藏了job-search-content div，它將顯示加載器，但問題是，如何在'＃job-search-headings'div下添加檢索到的數據庫內容？ ....我檢查了firebug ..我能夠檢索到正確的數據..但我無法在前端顯示它:(

Answer 1

如果你想在div“job-search-content”上顯示ajax結果

$("div.job-search-content").html(data).show();

Answer 2

數據是您發布到的頁面的響應，因此如果頁面返回類似<div>some content</div>更改

$(data).insertAfter('#job-search-headings').html();

至

$('#job-search-headings').after(data);

Answer 3

嘗試這樣的事情：

$('#job-search-headings').after(data);