javascript - 如何将参数绑定(bind)到 URL

Question

这是我的 jsp 代码。当我调用 getproductsub() 并发送 ajax 请求时，我想将 catid 参数绑定(bind)到 url。

r.open("GET", "url?catid=" + catid,true);

上面一行似乎是我的代码错误。我该如何解决。

<select class="form-control" id="pcategory" name="pcategory" onchange="getproductsub();">

<script>
  function getproductsub() {
    var catid = document.getElementById('pcategory').value;
    var url = window.location.href;
    var r = new XMLHttpRequest();
    r.onreadystatechange = function() {
      if (r.readyState === 4 && r.status === 200) {}
    };
    r.open("GET", "url?catid=" + catid, true);
    r.send();
  }
</script>

Answer 1

请注意，window.location.href 给出了当前完整的位置，包括 url 中的参数。所以 ? 可能包含在其中。

你可以使用

var url = window.document.location.pathname;

并将 url 连接到传递给 open() 的字符串。

r.open("GET", url + "?catid=" + catid, true);

---

或

在 jsp 中编码时使用 getRequestURL()。

r.open("GET", "<%= request.getRequestURL()%>?catid=" + catid, true);