傳遞MySQL數據到一個jQuery用戶界面對話框

Question

我問這問那你怎麼能發展與PHP + MYSQL + jQuery的它與ASP在這個地址來實現（圖10）這樣的事：http://msdn.microsoft.com/en-us/magazine/dd722809.aspx#id0400013

我想當我單擊首頁中的消息鏈接時，可以在jQuery UI對話框中彈出MySQL表格數據。我可以得到它打印HTML表格標題等，但根本沒有MySQL表格數據。

這是頭版現在的工作方式沒有的jQuery（這是一個電子布告欄系統）：

$sql="SELECT * 
     FROM message, user 
     WHERE message.userID = user.userID 
     ORDER BY messageID DESC"; 
$result=mysql_query($sql); 

開闢了新的一頁消息標題的鏈接：

<a href="message.php?id=<?php echo $rows['messageID']; ?>">

這是現在在郵件的「所有字段」頁面上的代碼：

$id=$_GET['id']; 
$sql="SELECT * 
     FROM message, user 
     WHERE message.userID = user.userID AND messageID='$id'"; 
$result=mysql_query($sql);` 

Answer 1

以下是如何使用Ajax內容加載到一個jQuery對話框

HTML

<a class="loadextradata" href="message.php?id=<?php echo $rows['messageID']; ?>"> 

的JavaScript

$('.loadextradata').on('click', function() { 
    var url = this.href; // get the url from the anchor 
    var dialog = $("#dialog"); // get DOM element 
    if ($("#dialog").length == 0) { // if it doesnt exist create it 
     dialog = $('<div id="dialog" style="display:hidden"></div>').appendTo('body'); 
    } 

    // load remote content 
    dialog.load(
      url, // to the url from the anchor href attribute 
      {}, 
      function(responseText, textStatus, XMLHttpRequest) { // success callback 
       dialog.dialog(); // show the dialog 
      } 
     ); 
    return false; // prevent the default action on the anchor 
}); 

message.php需要發送要顯示在HTML的例子對話框。要進行內聯編輯，需要將表單提交給另一個PHP。