Javascript 动态加载表体内容，不更改表头

html:

我的页面上有一个过滤器按钮，当我点击它时，整个表都会被重新加载，这让它看起来很奇怪

---

我的问题是，我们如何才能只操纵表体？因此，当用户单击submit按钮时，

load

方法将启动并仅添加表行？

我也遇到过类似的情况，我需要PHP服务器的数据在HTML表中显示为行/tr，仅在tbody中显示

我能够使用HTML和jQuery实现它

只需将表放在带有thead和tbody的HTML中，thead将包含静态标题，tbody有一个id在jQuery中标识它，并将用动态数据填充

 $("#submit").click(function(event) {
     event.preventDefault()
     data = {
            start_date: start_date,
            end_date: end_date,
            name: name,
            code: code,
            extra_code: extra_code
        }

     $("tbody").load("http://127.0.0.1:5000/filter?"+ $.param(data), function(response, status, xhr ){
            $("tbody").append(response)
        })

通过Ajax从php文件中获取值来获得输出。给出输出的php文件以tr的形式为我得到的每个唯一记录安排输出。php

$("#myTbody").html(ret_ajxdata2.output);

$sql=“从信息中选择*”；
$result=mysqli\u查询（$link，$sql）；
$out=“”；
如果（mysqli_num_行（$result）>0）{
//结果发现
while（$row=mysqli\u fetch\u assoc（$result））{
//每行的输出数据
$out.=''；
$out.=''.$row[“id”].'；
$out.=''.$row[“description”].'；
$out.=''.$row[“no”].'；
$out.=''.$row[“status”].'；
$out.=''；
}
$return[“msg”]=“找到的产品”；
$return[“error”]=false；
$return[“output”]=$out；
}否则{
//未找到结果
$return[“msg”]=“未找到任何产品”；
$return[“error”]=true；
}
echo json_编码（$return）；

---

也许您可以将所有tr数据安排在服务器端，以便在发送输出时将其简单地插入到客户机的tbody中。希望它对解决您的问题有所帮助。

我也遇到过类似的情况，我需要PHP服务器的数据在HTML表中显示为行/tr，仅在tbody中显示

我能够使用HTML和jQuery实现它

只需将表放在带有thead和tbody的HTML中，thead将包含静态标题，tbody有一个id在jQuery中标识它，并将用动态数据填充

 $("#submit").click(function(event) {
     event.preventDefault()
     data = {
            start_date: start_date,
            end_date: end_date,
            name: name,
            code: code,
            extra_code: extra_code
        }

     $("tbody").load("http://127.0.0.1:5000/filter?"+ $.param(data), function(response, status, xhr ){
            $("tbody").append(response)
        })

通过Ajax从php文件中获取值来获得输出。给出输出的php文件以tr的形式为我得到的每个唯一记录安排输出。php

$("#myTbody").html(ret_ajxdata2.output);

$sql=“从信息中选择*”；
$result=mysqli\u查询（$link，$sql）；
$out=“”；
如果（mysqli_num_行（$result）>0）{
//结果发现
while（$row=mysqli\u fetch\u assoc（$result））{
//每行的输出数据
$out.=''；
$out.=''.$row[“id”].'；
$out.=''.$row[“description”].'；
$out.=''.$row[“no”].'；
$out.=''.$row[“status”].'；
$out.=''；
}
$return[“msg”]=“找到的产品”；
$return[“error”]=false；
$return[“output”]=$out；
}否则{
//未找到结果
$return[“msg”]=“未找到任何产品”；
$return[“error”]=true；
}
echo json_编码（$return）；

---

也许您可以将所有tr数据安排在服务器端，以便在发送输出时将其简单地插入到客户机的tbody中。希望它有助于解决您的问题。

预期的响应类型是什么？它是json、xml还是纯html？您是否使用ajax调用来过滤数据？@预期的响应是html，并且使用Load调用ajax是否使用分页？预期的响应类型是什么？它是json、xml还是纯html？您是否使用ajax调用来过滤数据？@预期的响应是html，并且使用Load调用ajax是否使用分页？

$sql = "SELECT * FROM info";

    $result = mysqli_query($link, $sql);

    $out = "";


    if (mysqli_num_rows($result) > 0) {
        //RESULTS FOUND

        while($row = mysqli_fetch_assoc($result)) {
            // output data of each row

            $out .= '<tr class="tr-entry">';
            $out .= '<td>' . $row["id"] . '</td>';
            $out .= '<td>' . $row["description"] . '</td>';
            $out .= '<td>' . $row["no"] . '</td>';
            $out .= '<td>' . $row["status"] . '</td>';
            $out .= '</tr>';


        }

        $return["msg"] = "Products Found";
        $return["error"] = false;
        $return["output"] = $out;


    } else {
        //RESULTS NOT FOUND
        $return["msg"] = "No products found";
        $return["error"] = true;
    }

    echo json_encode($return);