雙擊td時如何在警報框中將數據庫中的數據顯示為html表

Question

我試圖在 HTML 表中顯示數據庫中的數據，我想在雙擊td時在警報框中顯示此 html 表，現在它在雙擊td時在警報框中顯示數據，但是不像 html 表那樣顯示（注意：現在它在警報框中顯示數據而不是 html 格式），下面是我的代碼。

阿賈克斯

$('td').dblclick(function() {                

      $.ajax({    //create an ajax request to load_page.php
        type: "GET",
        url: "supplierprice/retrieve.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response); 
          alert(response);
        }

    });
});

HTML

echo '  <td id="alertShow" width="114px;" class="edit region '.$rows["supp_price_id"].'">'.$rows["region"].'</td>
        <td id="alertShow" width="115px;" class="edit country '.$rows["supp_price_id"].'">'.$rows["country"].'</td>
        <td id="alertShow" width="286px;" class="edit networkname '.$rows["supp_price_id"].'">'.$rows["networkname"].'</td>
        <td id="alertShow" width="92px;"  class="edit mcc '.$rows["supp_price_id"].'">'.$rows["mcc"].'</td>  
        <td id="alertShow" width="94px;"  class="edit mnc '.$rows["supp_price_id"].'">'.$rows["mnc"].'</td>
        <td id="alertShow" width="92px;" class="edit mnp '.$rows["supp_price_id"].'">'.$rows["mnp"].'</td>';

檢索.php ：

include"config.php";
$result=mysql_query("select * from supplierpricehistory");

echo "<table border='1' >
<tr>
<td align=center> <b>supplier</b></td>
<td align=center><b>country</b></td>
<td align=center><b>networkname</b></td>
<td align=center><b>mcc</b></td></td>
<td align=center><b>mnc</b></td>
<td align=center><b>newprice</b></td>       
<td align=center><b>oldprice</b></td>       
<td align=center><b>status</b></td>     
<td align=center><b>date</b></td>           
<td align=center><b>user</b></td>";

while($data = mysql_fetch_row($result))
{   
    echo "<tr>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "<td align=center>$data[5]</td>";
    echo "<td align=center>$data[6]</td>";
    echo "<td align=center>$data[7]</td>";
    echo "<td align=center>$data[8]</td>";
    echo "<td align=center>$data[9]</td>";
    echo "<td align=center>$data[10]</td>";

    echo "</tr>";
}
echo "</table>";

任何人都可以指導我如何做到這一點，或者有任何其他方法可以做到這一點。 謝謝

Answer 1

無法格式化標准的 js 警報。 您應該使用自定義對話框，例如http://jqueryui.com/dialog/