Javascript 如何使用HTML表单动态更改api url中变量的值

我通过以下代码获得$mc_的值：

    <input type="text" id="input"><?php $mc_out = '<span style="display:none;">oninput:</span> <span 
    id="result"></span>' ;?>

   <script>
  input.oninput = function() {
   result.innerHTML = input.value;
   };
  </script>

---

请帮我解决这个问题。

您的HTML是否还有其他未显示的内容，因为我可以看到PHP变量$mc#out包含一个HTML字符串，而不是一个值，并且HTML没有输出到DOM，因此DOM中不会存在span#result。另外，javascript变量输入和结果没有声明，所以它们是如何设置的？谢谢您的回复标记。请指导我完成这项工作，并帮助我实现这项工作。Html只是这样。我主要关心的是获取用户填写的文本框的值，并将其传递到api中以显示结果。恐怕我现在不能花太多时间。不过我可以给你一些建议。curl请求必须是一个独立于HTML的PHP文件。它应该从$\u GET请求变量中获取值。该变量应通过AJAX发送到PHP脚本。HTML和JavaScript（事件处理程序和AJAX）应位于单独的HTML文件中。要开始学习，请参阅关于AJAX的W3Schools教程。如果你下周仍然困在家里，那么我应该可以帮助你。谢谢马克的回复。但就我而言，我希望所有的事情都发生在同一页上。根据文本框中输入的值，将有助于执行api，因为此值将添加到api url。然后，从api获取的值需要显示在同一页面上。html端发生的事情不可能影响php端。PHP是无状态的，所以您要么每次提交表单以传递新值，要么像我建议的那样使用ajax。

                $curl = curl_init();

                curl_setopt_array($curl, array(
                  CURLOPT_URL => "http://test-api-dev.testurl.org/in_school/$mc_out",
                  CURLOPT_RETURNTRANSFER => true,
                  CURLOPT_ENCODING => "",
                  CURLOPT_MAXREDIRS => 10,
                  CURLOPT_TIMEOUT => 0,
                  CURLOPT_FOLLOWLOCATION => true,
                  CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
                  CURLOPT_CUSTOMREQUEST => "GET",
                  CURLOPT_HTTPHEADER => array(
                    "Authorization: Bearer $final_token"
                  ),
                ));

                $response = curl_exec($curl);
                $data = json_decode($response, true);
                print_r($data);