javascript - 如何使用 RESTful URI 在 javascript 中发出 Get 请求？

Question

所以目前，当我的 web 应用程序发出 get 请求时，uri 看起来像这样:

用户？usderId=123

我想要的是

用户/123

我该怎么做？

谷歌搜索如何在 javascript 中发出 get 请求，当我想要后者时，我得到了前一个 URI。

我想要后一种格式的原因是因为我在 Spring 中的 requestMapping 看起来像

@RequestMapping(value = "/users/{userId}", method = RequestMethod.GET)

<小时/>

编辑:

所以我尝试了回复中的方法，似乎我的javascript函数从未被调用。

<form id="idForm" class="form-inline" role="form" action="/users">
                <div class="form-group">
                    <div class="input-group inline-input-group">
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default dropdown-toggle fixedWidth225" data-toggle="dropdown">User Id<span class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a href="#">aaa ID</a></li>
                                <li><a href="#">bbb ID</a></li>
                                <li><a href="#">ccc ID</a></li>
                                <li><a href="#">ddd ID</a></li>
                            </ul>
                        </div>
                        <label class="sr-only" for="EntityId">Entity Id</label> 
                        <input type="text" class="form-control fixedWidth225" name="userId">
                    </div>
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>

            <div id="displayDiv">
            </div>

这是我的表单，这是 js:

$(document).ready(function() {
    document.getElementbyID("idForm").submit(function(event) {
        event.preventDefault();
        var url = document.getElementbyID("idForm").attr( "action") + "/" + document.getElementbyID("userId").val(); 
        httpGet(url);
    });
  });
  */

function httpGet(restURL)
{
    var xmlHttp = null;

    // Assuming its a text field
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", restURL, false );
    xmlHttp.send( null );
    return xmlHttp.responseText;
}

为什么我的 idForm 提交 javascript 函数没有被调用？

----------------------------这条线上方的部分被绘制出来 ------------ ----------

编辑:

我的问题的底线:

带有提交按钮的 HTML 表单可以发出 get 请求，并为表单指定“action”并为输入文本指定“name”。我只是希望能够将这个 get 请求从 users?userID=123 生成的 URI 格式化为 users/123。

一定有一种方法可以简单地更改 URI 的格式，不是吗？

Answer 1

引用 Question

function httpGet(restURL)
{
    var xmlHttp = null;
    restURL=restURL+"/"+document.getElementbyID("usderId").val(); 

    // Assuming its a text field
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", theUrl, false );
    xmlHttp.send( null );
    return xmlHttp.responseText;
}