Javascript 在php中执行查询而不使用触发器重新加载页面

我有这样的数据

This is the data in the table :
id | parent_id | name   |
---+-----------+--------|
  1|       NULL|    ROOT|
  2|          1| Item 1 |
  3|          1| Item 2 |
  4|          1| Item 3 |
  5|          1| Item 4 |
  6|          2| Item 5 |
  7|          2| Item 6 |
  8|          3| Item 7 |

$conn = new mysqli('localhost', 'root', '', 'my_db');
$id = 1;
$result = $conn->query("SELECT a.id, a.parent_id, a.name FROM table_name a where a.parent_id = $id");

id | parent_id | name   |
---+-----------+--------|
  2|          1| Item 1 |
  3|          1| Item 2 |
  4|          1| Item 3 |
  5|          1| Item 4 |

然后我的sql语句如下

This is the data in the table :
id | parent_id | name   |
---+-----------+--------|
  1|       NULL|    ROOT|
  2|          1| Item 1 |
  3|          1| Item 2 |
  4|          1| Item 3 |
  5|          1| Item 4 |
  6|          2| Item 5 |
  7|          2| Item 6 |
  8|          3| Item 7 |

$conn = new mysqli('localhost', 'root', '', 'my_db');
$id = 1;
$result = $conn->query("SELECT a.id, a.parent_id, a.name FROM table_name a where a.parent_id = $id");

id | parent_id | name   |
---+-----------+--------|
  2|          1| Item 1 |
  3|          1| Item 2 |
  4|          1| Item 3 |
  5|          1| Item 4 |

如果我执行，数据将显示如下

This is the data in the table :
id | parent_id | name   |
---+-----------+--------|
  1|       NULL|    ROOT|
  2|          1| Item 1 |
  3|          1| Item 2 |
  4|          1| Item 3 |
  5|          1| Item 4 |
  6|          2| Item 5 |
  7|          2| Item 6 |
  8|          3| Item 7 |

$conn = new mysqli('localhost', 'root', '', 'my_db');
$id = 1;
$result = $conn->query("SELECT a.id, a.parent_id, a.name FROM table_name a where a.parent_id = $id");

id | parent_id | name   |
---+-----------+--------|
  2|          1| Item 1 |
  3|          1| Item 2 |
  4|          1| Item 3 |
  5|          1| Item 4 |

然后，我将数据显示为按钮，按钮标签为“data['name']”

如果我单击特定数据，那么数据将根据我单击的数据进行更改

也就是说，如果我单击特定数据，$id变量将根据我单击的数据的id进行更改，如树

比如说,， 根据查询，显示的数据为
项目1
项目2
项目3
项目4
因为它们的父项id=1
然后，如果我单击或选择“项目2”，则显示的数据应为
项目5
项目6
因为它们的父项_id根据其父项的id为=2

如何在不重新加载页面的情况下执行此操作？

---

谢谢你的javascript文件，你可以通过ajax来完成

function showID(id){
   $.ajax({
     type: 'POST',
        url: 'function.php',
        data: {'id' : id},
        success: function (result) {
            $('#tblbody').html(result);
        }
})
}

---

您必须返回带有给定结果的HTML。而“#tblbody”是您的tbody id

在点击按钮时使用ajax调用，这样您就可以获取数据。如果您想在不重新加载页面的情况下更改数据，您应该使用Ajax:1）在按钮上添加一些onclick事件，并将id用户单击发送到您之前用于显示数据的同一php脚本-2）使用新id，您的脚本将返回您想要的-3）在Ajax成功/完成部分更新数据