javascript - 使用php和javascript将随机数放入txt文件中

Question

我有一个带有按钮的文本输入字段，该按钮生成 1 到 20 之间的随机数并显示在文本字段中。我遇到的问题是获取它生成的随机数并将其保存到 .txt 文件中。文件 chat.txt 与其他文件存储在同一目录中。不确定我是否以正确的方式处理这件事。以下是代码。任何想法都会有帮助。

聊天.php:

<div id="pageWrap">
<form action="roll.php" name="rollBox" method="post">
<input type="text" name="roll" id="demo">
<button type="button" name="button" onclick="myFunction()">Roll</button>

<script>
function myFunction()
{
var x=document.getElementById("demo")
x.value=Math.floor((Math.random()*20)+1);
}
</script>

<h2>Chat</h2>
    <p id="name-area"></p>
    <div id="chatWrap"><div id="chat-area"></div></div>

    <form id="send-message-area">
        <p>Your message: </p>
        <textarea id="sendie" maxlength = '100' ></textarea>
    </form>

</div>

roll.php:

<?php

if(isset($_POST['button']))
{
    $roll = $_POST['roll'];
    $file = fopen("chat.txt");
    fwrite($file,$roll);
    fclose($file); 
    print_r(error_get_last());
}
?>

Answer 1

如果您对使用 javascript 在客户端生成随机数的方式感兴趣:

在 html 上:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<div id="pageWrap">
    <form action="page.php" id="rollBox" name="rollBox" method="post">
        <input type="text" name="roll" id="demo">

        <button type="submit" name="submit" >Roll</button>
        <script>
        $(document).ready(function () {
            $('#rollBox').submit(function(e) {
                var x=document.getElementById("demo");
                x.value=Math.floor((Math.random()*20)+1);
                e.preventDefault();
                var obj = $(this), // (*) references the current object/form each time
                url = obj.attr('action'),
                method = obj.attr('method'),
                data = {};
                obj.find('[name]').each(function(index, value) {
                    var obj = $(this),
                    name = obj.attr('name'),
                    value = obj.val();
                    data[name] = value;
                });
                $.ajax({
                    url: url,
                    type: method,
                    data: data,
                    success: function(response2) {}
                });
                return false; 
            });
        });
        function myFunction()
        {
            var x=document.getElementById("demo")
            x.value=Math.floor((Math.random()*20)+1);
            document.getElementById("rollBox").submit();
        }
        </script>
    </form>
    <h2>Chat</h2>
    <p id="name-area"></p>
    <div id="chatWrap"><div id="chat-area"></div></div>

    <form id="send-message-area">
        <p>Your message: </p>
        <textarea id="sendie" maxlength = '100' ></textarea>
    </form>

</div>

在 php 上更改此

<?php
if(isset($_POST['submit']))//on submit
{
//echo 'here';
    $roll = $_POST['roll'];
    $file = fopen("chat.txt","w");//no mode selected
    fwrite($file,$roll);
    fclose($file); 
    print_r(error_get_last());
}
?>

这可以工作并生成chat.txt