如何以html形式发送关键字来表示app.js路由，从而创建一个带有它们的SELECT查询？

<form>
  <label for="keyword">关键字：</label>
  <input type="text" id="keyword" name="keyword">
  <input type="submit" value="查询">
</form>

<script>
  document.querySelector('form').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var keyword = document.getElementById('keyword').value; // 获取关键字的值

    // 创建一个XMLHttpRequest对象
    var xhr = new XMLHttpRequest();

    // 设置请求方法和URL
    xhr.open('GET', 'app.js?keyword=' + encodeURIComponent(keyword), true);

    // 发送请求
    xhr.send();

    // 处理响应
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
          // 处理成功响应
          var response = xhr.responseText;
          // 在页面上显示查询结果
          document.getElementById('result').innerHTML = response;
        } else {
          // 处理错误响应
          console.error('请求失败');
        }
      }
    };
  });
</script>