JS loadResponse不起作用
[英]JS loadResponse doesnt work
問題描述
我正在使用JavaScript構建基本的計算器。
<script>
function loadResponse(x){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("resultDiv").innerHTML = xmlhttp.responseText;
}
}
var uri = "http://localhost:8080/REST_service/rest/calculator/";
switch(x){
case 1:
uri += "add/";
break;
case 2:
uri += "subtract/";
break;
case 3:
uri += "multiply/";
break;
case 4:
uri += "divide/";
break;
default:
break;
}
uri += document.getElementsByName("num1").value + "/" +
document.getElementsByName("num2");
console.log(uri);
xmlhttp.open("POST", uri, true);
xmlhttp.send();
}
</script>
<body>
Number 1: <input type="text" name="num1" />
Number 2: <input type="text" name="num2" />
<input type="button" onclick="loadResponse(1)" value="ADD" />
<input type="button" onclick="loadResponse(2)" value="SUBTRACT" />
<input type="button" onclick="loadResponse(3)" value="MULTIPLY" />
<input type="button" onclick="loadResponse(4)" value="DIVIDE" />
<div id="resultDiv"></div>
</body>
但是console.log無法正常工作，因此不會調用該函數。
我究竟做錯了什么？ 如何更好地改進此代碼調用loadResponse並將值發送到服務器端？
謝謝
1 個解決方案
解決方案1
1 已采納 2016-10-28 02:01:00
這行是錯誤的：
uri += document.getElementsByName("num1").value + "/" +
document.getElementsByName("num2");
getElementsByName()返回一個NodeList ，因此您需要對其進行索引以訪問該值。 而且您沒有在第二個字段中使用.value 。 它應該是：
uri += document.getElementsByName("num1")[0].value + "/" +
document.getElementsByName("num2")[0].value;
JS Slider不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.