尝试将表单输入添加到 url 以获得 GET 请求

Question

如何将对象添加到我的 url 地址的末尾，目前 $year 未添加到 GET 请求中。

    <input type = "text" id="year">
            <input type = "submit" id="btn">
    
    <script >
    
    document.getElementById("btn").addEventListener("click", function() {
           
            var $year = document.getElementById("year");
            request = new XMLHttpRequest();
            request.open("GET", "https://mudfoot.doc.stu.mmu.ac.uk/node/api/halloffame?year="+$year, true);
            request.send(null);
    
            
        }
        return val;
      }

Answer 1

尝试使用：

document.getElementById("btn").addEventListener("click", function()
{
  var $year = document.getElementById("year").value;
  request = new XMLHttpRequest();
  request.open("GET", "https://mudfoot.doc.stu.mmu.ac.uk/node/api/halloffame?year=" + $year, true);
  request.send(null);
}

我认为你的问题是你没有得到输入的值，你只是选择了元素。

你在做：document.getElementById("year") 这给了你元素。但是你需要做 document.getElementById("year").value 来给你文本框的值。

Answer 2

在 getElementById 之后使用 value() 获取所选元素的值

<input type="text" id="year">
<input type="submit" id="btn">

<script>
    document.getElementById("btn").addEventListener("click", function () {
        var $year = document.getElementById("year").value;
        request = new XMLHttpRequest();
        const reqUrl = "https://mudfoot.doc.stu.mmu.ac.uk/node/api/halloffame?year=" + $year
        console.log("reqUrl: ", reqUrl);  
        request.open("GET", reqUrl, true);
        request.send(null);
    })
</script>

尝试将表单输入添加到 url 以获得 GET 请求

trying to add form input to url for GET request

javascript

ajax

get