HTML Select Dropdown ID 未传递给 Javascript 函数

Question

新手在这里，试图向队友展示客户端休息操作的价值，因为他们依赖脚本和python。不确定是我使用数字作为 value 属性还是我引用 getelementbyid 错误。老实说，这些东西可能都不是:)我试图在 MakeUrl 的 getelementbyid 中显式引用分配给 IP 地址的 id，但它仍然失败。我还以为它是空的，因为它使用的是默认值，但我将它注释掉了，我仍然得到错误。错误：未捕获的类型错误：无法读取 null 的属性“值”（MakUrl 函数）function makeUrl() {  var ip = document.getElementById("apigatewayip").value;  return "https://" + ip + "/api/v0/sessions"};function createSession(_url) {  return $.ajax({    "url": _url,    "method": "POST",    "timeout": 0,    "headers": {      "Content-Type": "application/json"    },    "data": JSON.stringify({      "gatewayVersion": "1.00.1.15"    }),  });}createSession(makeUrl());createSession(makeUrl()).success(function() {});<h1>Making AJAX Rest Calls</h1><div class="custom-select" style="width:200px;">  <select name="selectip" id="apigatewayip" onchange="makeUrl">    <option value="" disabled selected>API Gateway IP</option>    <option value="169.254.1.10">169.254.1.10</option>  </select>  <button onclick="createSession">Submit</button></div>

Answer 1

您需要设置处理程序来调用您的函数，而不仅仅是分配：

<button onclick="createSession()">Submit</button>

此外，您可以在createSession函数中创建 url：

function createSession() {

  var ip = document.getElementById("apigatewayip").value;

  var _url = "https://" + ip + "/api/v0/sessions"

  console.log(_url) // Use this for ajax call

  /*$.ajax({

    "url": _url,

    "method": "POST",

    "timeout": 0,

    "headers": {

      "Content-Type": "application/json"

    },

    "data": JSON.stringify({

      "gatewayVersion": "1.00.1.15"

    }),

  });*/

}

<h1>Making AJAX Rest Calls</h1>

<div class="custom-select" style="width:200px;">

  <select name="selectip" id="apigatewayip">

    <option value="" disabled selected>API Gateway IP</option>

    <option value="169.254.1.10">169.254.1.10</option>

  </select>

  <button onclick="createSession()">Submit</button>

</div>

Answer 2

等待文档使用文档就绪$(function() { })并使用 jQuery 呈现，不要与旧的 JavaScript 选择混合

使用done回调而不是success

//Global function 1

function makeUrl() {

    var ip = $("#apigatewayip").val();

    return "https://" + ip + "/api/v0/sessions"

};

//Global function 2

function createSession(_url) {

  return $.ajax({

    "url": _url,

    "method": "POST",

    "timeout": 0,

    "headers": {

      "Content-Type": "application/json"

    },

    "data": JSON.stringify({

      "gatewayVersion": "1.00.1.15"

    }),

  });

}

//Wait until document fully render

$(function() {

   //After document render call the methods

   createSession(makeUrl());

   createSession(makeUrl()).done(function() {

   });

});