[英]Hot to add a row dynamically using ajax?
我有兩個使用AJAX存儲在數據庫中的文本框。 但是我想返回表結構中新添加的行。
我在添加產品銷售中使用了這個概念。 當我要添加項目時,它將以表格網格格式顯示。
這是我的AJAX代碼。
var xmlHttp
function newVendorGridInital()
{
//alert("HI");
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{alert ("Browser does not support HTTP Request"); return }
var item= document.getElementById('itemcode').value;
var url="ajax_NewVendorGrid.php"
url=url+"?itm="+item; // For multiple value send.
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=newVendorGrid
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function newVendorGrid()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("GridRuntimeData").innerHTML=xmlHttp.responseText;
> > > I didn't understand how to target the id field > > > GridRuntimeData
}
}
在我的html頁面中,我創建了一個表格結構,即頭部。
在我的PHP文件中,我使用echo語句以html行格式返回整個插入的行。
<?php
echo "<tr><td>".$item."</td></tr>";
?>
我的疑問是如何在表格中顯示該行。 如果我用php代碼編寫整個表結構,那么它將工作正常。 但是我不想一直都返回整行。
請幫我。
您可以使用Javascript向表中動態添加行,如下所示:
var table = document.getElementById("mytable");
var td = document.createElement('td');
td.innerHTML = 'new row';
var tr = document.createElement('tr');
tr.appendChild(td);
table.appendChild(tr);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.