使用 JavaScript 获取值 GET 或 POST 变量？

Question

如何使用 JavaScript 在页面加载时获取 get 或 post 变量的值？

Answer 1

这是我在 stackoverflow 中的第一个答案，我的英语不好。 所以我不能好好谈论这个问题:)

我认为您可能需要以下代码来获取或标记的值。

这是您可能需要的：

HTML

<input id="input_id" type="checkbox/text/radio" value="mehrad" />

<div id="writeSomething"></div>

JavaScript

function checkvalue(input , Write) {
  var inputValue = document.getElementById(input).value;
  if(inputValue !="" && inputValue !=null) { 
    document.getElementById(Write).innerHTML = inputValue;
  } else { 
    document.getElementById(Write).innerHTML = "Value is empty";
  }
}

另外，您可以在此函数中使用其他代码或其他 if：

function checkvalue(input , Write) {
  var inputValue = document.getElementById(input).value;
  if(inputValue !="" && inputValue !=null) { 
    document.getElementById(Write).innerHTML = inputValue;
    document.getElementById(Write).style.color = "#000";
  } else {
    document.getElementById(Write).innerHTML = "Value is empty";
  }
}

您可以通过以下事件在您的页面中使用此功能：

<div onclick="checkvalue('input_id','writeSomthing')"></div>

希望我的代码对你有用

<Mehrad Karampour>写信

Answer 2

最简单的技术：

如果您的表单操作属性被省略，您可以将表单发送到同一个 HTML 文件，而无需实际使用 GET HTTP 访问，只需在用于提交表单的按钮上使用 onClick。然后表单字段位于元素数组 document.FormName.elements 中。该数组中的每个元素都有一个 value 属性，其中包含用户提供的字符串（对于 INPUT 元素）。它还具有 id 和 name 属性，包含表单子元素中提供的 id 和/或名称。

Answer 3

这是我的答案，给定一个类似于http://host.com/?param1=abc&param2=cde 的字符串returnURL。这是相当基本的，因为我刚开始学习 JavaScript（这实际上是我第一个 JS 程序的一部分），并且使它更易于理解而不是棘手。

注意事项

• 不对值进行完整性检查
• 只是输出到控制台 - 您需要将它们存储在数组或其他东西中

• 这仅适用于 GET，而不适用于 POST

  var paramindex = returnURL.indexOf('?');
  if (paramindex > 0) {
      var paramstring = returnURL.split('?')[1];
      while (paramindex > 0) {
          paramindex = paramstring.indexOf('=');
          if (paramindex > 0) {
              var parkey = paramstring.substr(0,paramindex);
              console.log(parkey)
              paramstring = paramstring.substr(paramindex+1) // +1 to strip out the =
          }
          paramindex = paramstring.indexOf('&');
          if (paramindex > 0) {
              var parvalue = paramstring.substr(0,paramindex);
              console.log(parvalue)
              paramstring = paramstring.substr(paramindex+1) // +1 to strip out the &
          } else { // we're at the end of the URL
              var parvalue = paramstring
              console.log(parvalue)
              break;
          }
      }
  }
  

Answer 4

/**
* getGET: [Funcion que captura las variables pasados por GET]
* @Implementacion [pagina.html?id=10&pos=3]
* @param  {[const ]} loc           [capturamos la url]
* @return {[array]} get [Devuelve un array de clave=>valor]
*/
const getGET = () => {
    const loc = document.location.href;

            // si existe el interrogante
            if(loc.indexOf('?')>0){
            // cogemos la parte de la url que hay despues del interrogante
            const getString = loc.split('?')[1];
            // obtenemos un array con cada clave=valor
            const GET = getString.split('&');
            const get = {};

            // recorremos todo el array de valores
            for(let i = 0, l = GET.length; i < l; i++){
                const tmp = GET[i].split('=');
                get[tmp[0]] = unescape(decodeURI(tmp[1]));
            }//::END for
            return get;
        }//::END if 
}//::END getGET

/**
* [DOMContentLoaded]
* @param  {[const]} valores  [Cogemos los valores pasados por get]
* @return {[document.write]}       
*/
document.addEventListener('DOMContentLoaded', () => {
    const valores=getGET();

    if(valores){
            // hacemos un bucle para pasar por cada indice del array de valores
            for(const index in valores){
                document.write(`<br>clave: ${index} - valor: ${valores[index]}`);
            }//::END for
        }else{
            // no se ha recibido ningun parametro por GET
            document.write("<br>No se ha recibido ningún parámetro");
        }//::END if
});//::END DOMContentLoaded

Answer 5

// Captura datos usando metodo GET en la url colocar index.html?hola=chao
const $_GET = {};
const args = location.search.substr(1).split(/&/);
for (let i=0; i<args.length; ++i) {
    const tmp = args[i].split(/=/);
    if (tmp[0] != "") {
        $_GET[decodeURIComponent(tmp[0])] = decodeURIComponent(tmp.slice(1).join("").replace("+", " "));
        console.log(`>>${$_GET['hola']}`);
    }//::END if
}//::END for

Answer 6

用一点点php很容易。

HTML 部分：

<input type="text" name="some_name">

JavaScript

<script type="text/javascript">
    some_variable = "<?php echo $_POST['some_name']?>";
</script>

Answer 7

当我遇到问题时，我将值保存到隐藏输入中：

在 html 正文中：

    <body>
    <?php 
    if (isset($_POST['Id'])){
      $fid= $_POST['Id']; 
    }
    ?>

...然后把隐藏的输入放到页面上，用php echo写入值$fid

    <input type=hidden id ="fid" name=fid value="<?php echo $fid ?>">

然后在$(document).ready(function(){

    var postId=document.getElementById("fid").value;

所以我在 php 和 js 中得到了我的隐藏 url 参数。

Answer 8

您只能使用 JavaScript 获取 URI 参数。

// get query arguments
var $_GET = {},
    args = location.search.substr(1).split(/&/);
for (var i=0; i<args.length; ++i) {
    var tmp = args[i].split(/=/);
    if (tmp[0] != "") {
        $_GET[decodeURIComponent(tmp[0])] = decodeURIComponent(tmp.slice(1).join("").replace("+", " "));
    }
}

Answer 9

您无法使用Javascript获取POST变量的值，尽管您可以在服务器上处理请求时将其插入到文档中。

<script type="text/javascript">
    window.some_variable = '<?=$_POST['some_value']?>'; // That's for a string
</script>

GET 变量可以通过window.location.href 获得，一些框架甚至有methods 准备好解析它们。