2010-02-08 96 views
0

我想刷新#calendar div與新內容發送到calendar.php
我收到成功警報,但內容不刷新。如何獲取新的calendar.php以顯示發佈的數據?jquery ajax問題與div刷新和新內容

$(document).ready(function(){ 
$('#next').click(function() { 
    $.ajax({ 
     type: "POST", 
     url: "calendar.php", 
     data: 'year=2012', 
     target: '#calendar', 
     success: function(html){ 
      alert("Success"); 

     } 
    }); 
    }); 

相關的HTML代碼是在這裏: #next是calendar.php上一個div標籤的ID

<div id="calendar"> 
    <?php include('calendar.php'); ?> 
</div><!-- /#calendar --> 

回答

2

你可以設置它明確地在你的處理器:

success : function (html) { 
    $('#calendar').html(html); 
} 

此外,由於您將取代日曆div的內容(其中包含#next鏈接),因此您可能需要使用.live('click', function() { inst因爲你會失去事件處理程序,所以你需要輸入.click(function()

+0

你是一個搖滾明星。謝謝! – kylex 2010-02-08 23:18:59

0

jQuery提供了以下簡單的方法:

$('#next').click(function(){ 

    $('#calendar').load('calendar.php', {year: 2012}, function(){ 

     // The response html was loaded into the calendar div already 
     // You could use this area to display a success message 
     alert("Done!"); 

    }); 

});