如何将参数绑定到URL

这是我的jsp代码。我想把 卡蒂 调用时url的参数 getproductsub() 并发送ajax请求。

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>