javascript - 使用 jQuery 基于查询字符串自动完成字段

Question

我有一个脚本，test.php 使用以下 HTML 和 jQuery。

基本上，如果用户加载此脚本，我想用随机字符串填充输入字段。

但是，如果用户访问 test.php?id= 类型的 URL，我不想填充此字段。

如何使用现有代码执行此操作？

<小时/>

当前，当我运行下面的代码时，会出现以下错误:

Uncaught ReferenceError :未在 test.php:28 处定义 key

<input id="input_1_8" name="input_1_8" value="">

<script
  src="https://code.jquery.com/jquery-3.2.1.js"
  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
  crossorigin="anonymous"></script>

<script type="text/javascript">

function makeid()
{
    var text = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

    for( var i=0; i < 5; i++ )
        text += possible.charAt(Math.floor(Math.random() * possible.length));

    return text;
}


var urlParams = new URLSearchParams(window.location.search);
var keys = urlParams.keys();
for (key of keys) {}
setTimeout(function() {
    if (null === key) { // here is where I get my error!!
    } else {
        $('#input_1_8').val(makeid());
    }
}, 3000);
</script>

Answer 1

如果查询字符串存在或不存在，请使用以下简单的 js 代码执行您想要的操作。

if(document.location.search.length) {
   //query string exists - do something 
}
else
{
   //query string does not exist - do something
}

希望这有帮助。