Javascript 如何在单击按钮时获取textarea的随机值

Javascript 如何在单击按钮时获取textarea的随机值,javascript,php,mysql,textarea,Javascript,Php,Mysql,Textarea,我正在开发一个速度测试工具。我需要添加一个功能,点击“下一步”按钮就可以从MYSQL数据库中获取随机段落。 我怎样才能做到这一点?有人能帮忙吗? 以下是我的index.php代码: <div class="float-left col-3 mt-5"> <button type="button" id="timer" class="btn timer-disp">0:00</button> <b

我正在开发一个速度测试工具。我需要添加一个功能,点击“下一步”按钮就可以从MYSQL数据库中获取随机段落。 我怎样才能做到这一点?有人能帮忙吗? 以下是我的index.php代码:

 <div class="float-left col-3  mt-5">
              <button type="button" id="timer" class="btn timer-disp">0:00</button>
              <button type="button" id="reset" class="btn btn-info">Retry</button>
              <button type="button" id="change" class="btn btn-secondary">Next</button>
              <div id="new-text">

              </div>
            </div>  
            <div class="clearfix"></div>
            <div class="col-12 mt-5">                   
                <button type="button" id="readCookie" class="btn btn-secondary d-none">Read Cookie</button>
            </div>
            <div>
            <textarea name="" id="input_text" cols="30" rows="10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius at felis quis imperdiet. In sagittis nisi mauris, convallis faucibus metus porttitor vel. Nullam posuere ac augue a cursus. Suspendisse potenti. Integer sollicitudin dui non nisi posuere mattis at quis erat. Aenean odio purus, dictum sed lacinia non, tincidunt nec magna. Integer in aliquet felis, rutrum rhoncus magna. Nulla nec augue eu nisl pretium laoreet. In sapien turpis, vestibulum at urna sed, accumsan imperdiet nibh. Morbi in lectus nunc. Aliquam imperdiet felis mi, vel convallis metus finibus vitae. Nunc dictum, nulla vitae maximus ultrices, libero mi aliquet ipsum, et mattis nunc arcu non turpis.

              Quisque mollis nunc vitae dignissim porttitor. In vitae iaculis quam. Fusce posuere neque eget quam faucibus, sed semper turpis tincidunt. Aenean a fermentum dui, sit amet convallis tellus. Aenean luctus turpis elit, commodo euismod quam placerat vitae. Aenean id rhoncus felis, non tempor sapien. Suspendisse mauris magna, luctus sit amet egestas vel, hendrerit non est. Nulla eget elit </textarea>
            </div>

0:00
重试
下一个
阅读曲奇
Lorem ipsum dolor sit amet,是一位杰出的献身者。felis quis餐厅的Nam varius。在尼西-莫里斯矢状体中,康瓦利斯-福西布斯-梅特斯-波特提托帆。纳拉姆·波苏尔·阿克预示着一个诅咒。潜力悬钩子。非nisi posuere mattis在Qus erat的整数sollicitudin dui。埃尼安·奥迪奥·普鲁斯(Aenean odio purus),这是一句名言。大菱叶芸香中的整数。不必了,你就不能再活下去了。在sapien turpis中,位于urna的前庭已关闭,accumsan已关闭。莫比在莱克托斯努克。这是一种健康的生活方式。这是一句至理名言,是一句至理名言,是一句至理名言,一句至理名言,一句至理名言,一句至理名言,一句至理名言,一句至理名言,一句至理名言,一句至理名言,一句至理名言。
奎斯克·莫利斯·努克·维塔姆·波特提托。在iaculis quam的生活中。在福西布斯广场上,我看到了一只小山羊。在发酵酒后驾车时,坐着的是埃米特·康瓦利斯·泰勒斯。埃尼安·卢克图斯·图尔皮斯是一位精英,他是一位重要人物。猫科动物,非临时智人。莫利斯·麦格纳的悬念,卢克图斯坐在艾米特·埃格斯塔斯的位子上,亨德雷特不在。纳拉埃吉特精英酒店
这是add-text.php:

<?php 

$host         = "localhost";

$username     = "root";

$password     = "";

$dbname       = "add-text";

$result_array = array();
/* Create connection */
$conn = new mysqli($host, $username, $password, $dbname);

/* Check connection  */
if ($conn->connect_error) {
     die("Connection to database failed: " . $conn->connect_error);
}
/* SQL query to get results from database */

$sql = "SELECT  string FROM text ORDER BY RAND ( ) LIMIT 1";

$result = $conn->query($sql);
/* If there are results from database push to result array */

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        array_push($result_array, $row);
    }
}
/* send a JSON encded array to client */
echo json_encode($result_array);

$conn->close();

/*从结果创建一个数据字符串并附加到div*/
它将附加到div,而不是textarea。另外,
$(“#新文本”).html(字符串)位于循环内,这意味着它将覆盖每个循环的数据。无法理解。请您通过code@FelippeDuarte
/*从结果创建一个数据字符串并附加到div*/
来解释它,它将附加到div,而不是textarea。另外,
$(“#新文本”).html(字符串)位于循环内,这意味着它将覆盖每个循环的数据。无法理解。你能用代码@FelippeDuarte解释一下吗
$("#change").on('click', function(){ 

$.ajax({ 

  method: "GET", 

  url: "add-text.php",

}).done(function( data ) { 

  var result= $.parseJSON(data); 

  var string='';

 /* from result create a string of data and append to the div */

  $.each( result, function( key, value ) { 

    string += "<tr> <td>"+'   \
              <td>'+value['string']+"</td> </tr>"; 
        }); 

       string += '</table>'; 

    $("#new-text").html(string); 
 }); 
});