gpt4 book ai didi

php - 热衷于使用ajax动态添加行?

转载 作者:行者123 更新时间:2023-11-28 02:37:46 24 4
gpt4 key购买 nike

我有两个文本框,它们使用 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 页面中,我创建了一个表结构,即 head 部分。

在我的 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);

jsFiddle demo here

关于php - 热衷于使用ajax动态添加行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13195013/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com