在Javascript中生成单个随机单词

我有一个值数组。​​当我按下generate按钮时，它会显示所有的值。如何生成数组值​​一个接一个随机出现

这是我的密码

<h4>Word List : </h4>
   <div class="form-group">
       <input id="wordlist" type="text" class="form-control" name="wordlist">
   </div>
       <button id="display" title="Generate Word">Generate</button>

单词列表：
生成

这是我用来显示数组的ajax脚本

<script type="text/javascript">
        $(document).ready(function() {
        $("#display").click(function() {
        $.ajax({    
           type: "POST",
           url: "getword.php",
           dataType: "json",
           cache: false,
           success: function(result){
           //console.log(result);             
           $('#wordlist').val(result); 
                }
            }); 
            });
        });

</script>

$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
$.ajax（{
类型：“POST”，
url:“getword.php”，
数据类型：“json”，
cache:false，
成功：功能（结果）{
//控制台日志（结果）；
$（'#单词列表'）.val（结果）；
}
}); 
});
});

php看起来像

<?php
    $connection = mysqli_connect
    ("localhost","root","","wordlist") 
    or die("Error " . mysqli_error($connection));

    //fetch table rows from mysql db
    $sql = "select kata from list";
    $result = mysqli_query($connection, $sql) or die("Error in Selecting " . 
    mysqli_error($connection));

    //create an array
    $wordArr = array();
    while($row =mysqli_fetch_assoc($result))
    {
        $wordArr[] = $row['kata'];
    }
    echo json_encode($wordArr);

    //close the db connection
    mysqli_close($connection);
?>

---

要获得单个随机单词，我需要做什么？

到目前为止，您自己尝试了什么来解决这个问题？如果您需要，为什么不让PHP一次只生成一个单词呢？您创建了getword.PHP吗？您能够从AJAX请求执行它吗？请分享您到目前为止所做的尝试。您可以更改SQL，使其只输出一个随机行，这有助于您理解如何做到这一点。@Swati否，相反。再读一遍。他们希望一次随机得到一个值。