javascript - 使用 javascript 传递两个变量

标签 javascript php jquery html

在我的网页中,我想将两个变量传递到另一个页面。我用这个代码来实现

function getStData(key) {
  var gender=document.getElementById("gender").value;
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var res = this.responseText;
      document.getElementById("std_table").innerHTML = res;
    }
  };
  xhttp.open("GET", "../../lib/HOS_AddMain.php?key="+key+"&gender="+gender, true);
  xhttp.send();
}

在正文中:

<body onload="getStData('')">
  <input type="radio" name="gender" id="gender" checked="checked" onchange="getStData(document.getElementById('searchIn').value)" ="" value="male" /> Male
  <input type="radio" name="gender" id="gender" value="female"> Female

如何在单击单选按钮时实现它并显示特定信息?

最佳答案

您可以使用本地存储作为解决方法

localStorage.setItem('variable1', 'value1');
localStorage.setItem('variable2', 'value2');

然后在第二页上,您可以检索变量并删除它们,但我建议使用后端渲染,如 php 或 jsp (根据您的喜好)

或者也许你应该使用像 Angular 这样的完全客户端应用程序:)

关于javascript - 使用 javascript 传递两个变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42657032/

相关文章:

javascript - HTML5视频搜索

javascript - IntersectionObserver 并不总是在 angularjs 指令中触发

javascript - 在多个项目之间共享 node_modules 目录

javascript - PWA 是否与浏览器共享 web-push 订阅?

javascript - jquery - 如何通过单击另一个地方自动返回默认高度切换

javascript - Yii 需要根据条件进行验证

php - 从选定的保管箱创建变量

php - 如何使用 php 检索数据类别明智?

javascript - ajax 返回负载而不是表单数据

jquery - 如何仅更改具有多个功能的 CSS 转换属性的一个功能?