如何在td被双击时将数据从数据库中显示为警报框中的数据

Question

我试图在HTML表中显示数据库中的数据，并且我想在td时显示此警报框内的这个html表是双击，现在它的数据显示在警报框中，当td被双击时，但不显示像html表格（注意：现在它显示警报框中的数据但不是html格式），下面是我的代码

阿贾克斯

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

     $.ajax({ //create an ajax request to load_page.php 
     type: "GET", 
     url: "supplierprice/reterive.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>'; 

reterive.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>"; 

任何人都可以指导我如何做到这一点还是有其他办法做到这一点.Thanks

Answer 1

标准的js警报无法格式化。例如，您应该使用自定义对话框http://jqueryui.com/dialog/