javascript - 将从组合框获得的javascript变量传递给php而不重定向到另一个页面

Question

我使用 JavaScript 从组合框中获取一个值，我需要它来进行查询并从数据库中的数据填充另一个组合框。

这就是我获取值的方式:

<select name="state" onchange="getValue(this)">
                <option value="0">Provincia</option>
                <option value="1">San José</option>
                <option value="2">Alajuela</option>
                <option value="3">Cartago</option>
                <option value="4">Heredia</option>
                <option value="5">Guanacaste</option>
                <option value="6">Puntarenas</option>
                <option value="7">Limón</option>
              </select>

              <script>
                function getValue(obj){
                   //Pass value to php
                    alert(obj.value);
                }

我想将值放入变量中，而不刷新也不重定向到另一个页面

Answer 1

您需要使用 AJAX 将数据从 JavaScript 发送到 PHP。 AJAX 代表异步 JavaScript 和 XML，基本上允许您异步请求服务器端代码。您还可以随异步请求一起发送数据:

let url; //your filepath to your php script
let param; //the value you want to send along
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    //do something with the request
  }
};
xhttp.open("POST", url, true);
xhttp.send(param);