Jquery accordion onchange

Question

我試圖運行一些JQuery代碼。基本上，我有一個格式化爲JQuery ui手風琴的人員列表，我想在手風琴旁邊顯示選定人員的照片。然後，當手風琴選擇發生變化時，我希望從數據庫加載新人的照片以及其他一些信息。有沒有人有過使用JQuery事件和訪問數據庫的經驗？

Answer 1

其實，這個問題是不是很精確：你怎麼訪問你的數據庫？通過PHP/ASP.NET和哪個數據庫呢？

但是，在這裏是如何使這樣的事情一些暗示：你首先要手風琴的變化綁定事件與一些AJAX請求通過一些處理頁面查詢您的數據庫。因此，在你的JavaScript代碼，你就會有這樣的事情：

$(function() { 
    $("#accordion").accordion({ 
     change: function(event, ui) { 
      $.ajax({ 
       type: 'POST', 
       url: 'handler.php', 
       dataType: "json", 
       data: { id: ui.newHeader.text() }, // send the user id for which we want informations 
       success: function(data) { 
        // Update of the new accordion line 
        ui.newContent.find("img").attr("src", data.userImage); 
       } 
      }) 
     } 
    }); 
}); 

和頁面handler.php與比方說，一個MySQL數據庫涉及：

/// Connexion to the database 
$db = mysql_connect('localhost', 'login', 'password'); 
mysql_select_db('database',$db); 

// Query for retrieving data associated with the user 
$query = mysql_query("SELECT imgSrc FROM users WHERE id = " . $_POST['id']); 
$rows = array(); 
while($r = mysql_fetch_assoc($query)) { 
    $rows[] = $r['imgSrc']; 
} 

// Send the data to user 
return json_encode($rows);