Question

我没有刷新就得到了回复！当用户点击按钮时，我希望它重新加载然后显示响应！我该怎么做？在响应之后我该怎么办才能取消选中收音机？

<script>
function sendid(attack) {
  var att;
  var xmlhttp;
  if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
  } else {// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      document.getElementById("result").innerHTML = xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST", "battleuser2.php", true);
  xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xmlhttp.send("att=" + attack);

}
</script>

这是我的电台形式：

<input type="radio" value="10" id="radioButtonId" onClick="sendid(this.value)"/> Attack 1
<input type="radio" value="20" id="radioButtonId" onClick="sendid(this.value)"/> Attack 2

Answer 1

不，除非您再次在页面加载上进行ajax调用，否则无法重新加载并显示响应。

否则您需要将以前的响应存储在localstorage中，并在页面重新加载时从中访问它。

关于在响应后取消选中单选按钮，请在if条件中插入以下代码：

document.getElementById("radioButtonId").checked = false;

示例：

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      document.getElementById("result").innerHTML = xmlhttp.responseText;
      document.getElementById("radioButtonId").checked = false;   
    }

在响应之前重新加载并取消选中单选按钮

1 个答案: