结果POST在php表单内提交而不刷新

时间:2018-08-02 14:56:09

标签: javascript php html

我只是结合一些代码来生成一些随机字符串,然后从stackoverflow搜索并进行谷歌搜索。

如何在不刷新页面的情况下立即获得结果。

当我按下按钮生成时。

这是我的代码

height

1 个答案:

答案 0 :(得分:0)

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

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

    }
</script>

<form action="#" method="post">
    First name:<br>
    <input type="text" name="firstname">
    <br>
    Locker ID:<br>
    <input type="text" name="lockercode">
    <br><br>
    <input type="submit" name="submit" value="Generate Secret" onclick="makeid()">
    <br>
    Your Secret Identifier:<br>
    <input id="mytext" type="text" readonly>
    <br><br>
    <button onclick="goBack()">Go Back</button>
</form>