创建一个按钮，该按钮将使用随机查询字符串向 URL 发出请求

Creating a button that will make a request to a URL with a random query string

本文关键字：按钮 字符串 查询 随机 URL 请求 一个 创建      更新时间：2023-09-26

>我正在做一个小项目，我的任务是创建一个按钮，该按钮将生成一个随机字符串，然后使用另一个按钮将其作为查询字符串附加到 URL。 我已经完成了随机字符串生成器，但是在创建一个按钮以将其附加到URL上时遇到了困难。我想知道实现这一目标的最佳方法是什么。

这是我到目前为止所拥有的：

    <!DOCTYPE html>
    <html>
    <body>
    <h1>HTML PROJECT</h1>
    <script lauguage="javascript" type="text/javascript">
    function randomString() {
        var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"
        var string_length = 10;
        var randomstring = '';
        for (var i=0; i<string_length; i++) {
            var rnum = Math.floor(Math.random() * chars.length);
            randomstring += chars.substring(rnum,rnum+1);
        }
        document.getElementById("randomfield").value = randomstring;
    }
    </script>
    <fieldset>
    <h1>Generate String!</h1>
    <form name="randform" >
    <input type="button" value="Generate" onClick="randomString();">
    <input type="text" name="randomfield" id="randomfield" value="" disabled>
    </form>
    </fieldset>
    <script>
    var url = file:///I:/completed!.htm? + text; 
    </script>
    <fieldset>    
    <h1>Now press the button below to place the string on the URL!</h1>
    <form action= file:///I:/completed!.htm" + randomString()' >
      <button type="submit">String Me!</button>
    </form>
    </fieldset>
    </body>
    </html>

HTML 

<h1>HTML PROJECT</h1>
<fieldset>
    <h1>Generate String!</h1>
    <form name="randform" >
        <input type="button" value="Generate" id = "generate"/>
        <input type="text" name="randomfield" id="randomfield" value="" disabled ></input>
    </form>
</fieldset>
<fieldset>    
    <h1>Now press the button below to place the string on the URL!</h1>
    <form name="myform">
      <button type="submit">String Me!</button>
    </form>
</fieldset>

.JS

var url;
var btn = document.getElementById('generate');
generate.addEventListener('click', function(){
    var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
    var string_length = 10;
    var randomstring = '';
    for (var i=0; i<string_length; i++) {
        var rnum = Math.floor(Math.random() * chars.length);
        randomstring += chars.substring(rnum,rnum+1);
    }
    document.getElementById("randomfield").value = randomstring;
    url = 'file:///I:/completed!.htm?'+randomstring;
    document.myform.action = url;
});
document.myform.addEventListener('submit', function(){
    alert(this.action);
});

工作示例

根据需要使用

window.location 或 get ajax 请求。

$(".searchButton").click(function(){
var textVal = $("input:text[name=InputBox]").val();
value = "t=" + textVal;
location.href = "yourURL" + value;
});
相关文章：