html - 在下拉列表中选择不同的选项时在 HTML 中加载不同的内容

Question

我要为一个最初使用命令行的系统构建一个网络用户界面。人们将使用此 Web UI 从下拉列表中选择选项并提交他们的要求。

这里有一个我想实现的功能:选项存储在XML文件中，当人们在下拉列表中选择一个顶级选项时，网页会自动加载相应XML文件中的内容，并显示此文件中包含的子级选项。

我是 HTML 和 XML 的新手，经过一些研究我认为它可能与 XML 和 DOM 有关，但我不确定。您能否提供有关此功能的一些示例或教程？

Answer 1

Jquery 的 AJAX 和 GET - 方法对于这样的事情非常有用:http://api.jquery.com/jQuery.ajax/

通过这些，您可以对服务器上的特定文件进行特定查询。通过参数，您可以指定要将哪个项目作为响应。

$.get("backend.php", { item: "1" }) //Pull menu item 1 from server
.done(function(data) {

$("#menuitem").html(data); //Place Data in html menu here

});

通常以 JSON 格式将数据传输到服务器，使用 json 编码，您可以使用 PHP 执行此操作:

http://php.net/manual/de/function.json-encode.php