ajax - jsp的ajax代码

Question

当我们从下拉框中选择选项时，如何编写 Ajax 代码来检索网页特定部分的信息？

我想要我从网页特定部分的下拉菜单中选择的特定项目的信息。

Answer 1

假设您的标记看起来像：

<select id="dropdown">
    <option value="1">Some option</option>
    <option value="2">Other option</option>
    <option value="3">Helpfull option</option>
    <option value="4">Don't pick this option</option>
</select>
<div id="details"></div>

为了进行 AJAX 调用，我会使用某种库。例如，使用 jQuery 将比编写处理跨不同浏览器的 ajax 调用的代码容易得多。代码可能如下所示：

$('#dropdown').on('change', function(e) {
    var currentValue = $('#dropdown').val();
    $.get('<someurl>', function(data) {
        $('#details').html(data);
    });
};

替换'<someurl>'为所需资源的 url。在不使用 jQuery 或类似库的情况下执行此操作会涉及更多内容。有关一些指导，您可以查看以下答案：https ://stackoverflow.com/a/2557268/355499