使用php或jquery填充html表（或類似結構）

我試圖用mySQL的5個字段的數據填充表結構。我對Web開發完全陌生，所以我覺得這很困難。使用php或jquery填充html表（或類似結構）

這是我目前使用的填充我的HTML元素的JavaScript行：

$.get("reports.php", 
    {"param":"getusers"}, 
    function(returned_data) 
    { 
    alert(returned_data); 
    document.getElementById("allusers").innerHTML = returned_data; // Clear the select 
    });

，這是它訪問PHP：

case "getusers": 
    $result = mysql_query(
    "SELECT * FROM users") 
    or die(mysql_error()); 

    while($row = mysql_fetch_assoc($result)) 
    { 
     $str .= "<option>". $row['username'] .</option>"; //accumulate table 
    } 

    echo $str; 
break;

這完全檢索數據，但我需要把它裝入一個有幾列和幾行的結構中。我無法弄清楚如何做到這一點。我嘗試了很多解決方案，其中一些涉及CSS，但我無法弄清楚。

我喜歡this example但它只顯示我使用它時的源代碼。我不知道如何打電話給我的reports.php，這使它有點混亂。

我將如何去發送這些數據到我的html文件並構建它以有組織的格式顯示？

我將非常感謝任何幫助，

感謝。

來源

2011-11-29 DatabaseDiver

你已經有了基本的結構。只要有你的PHP代碼生成的HTML表格，而不是選擇：

$str .= '<tr><td>' . $row['field1'] . </td><td>' . $row['field2'] etc....

然後插入HTML到您的表中的Javascript：

document.getElementById('id_of_table').innerHTML = returned_data;

至於AJAX/PHP而言，你只是發送一些純文本來回。取決於您的代碼，以決定如何處理該純文本。

來源

2011-11-29 14:56:02

非常感謝！ – DatabaseDiver

下面的代碼將填充jQuery的HTML表。

<table id="tablefriendsname"> 
<tbody> 
</tbody> 
</table> 

$.ajax({  
type: "POST", 
url: "https://stackoverflow.com/users/index/friendsnamefromids", 
data: "IDS="+requests, 
dataType: "json", 
success: function(response){ 
var name = response; 
     //Important code starts here to populate table 
var yourTableHTML = ""; 
    jQuery.each(name, function(i,data) { 
     $("#tablefriendsname").append("<tr><td>" + data + "</td></tr>"); 
    }); 
} 

});

來源

2012-04-05 14:33:51

使用php或jquery填充html表（或類似結構）

回答

相關問題