Php 我将如何在jquery上单击添加到新行、结果_Php_Arrays_Ajax

Php 我将如何在jquery上单击添加到新行、结果

php arrays ajax

Php 我将如何在jquery上单击添加到新行、结果,php,arrays,ajax,Php,Arrays,Ajax,我有一个函数，现在只需点击按钮就可以生成一个随机数。它当前只覆盖当前生成的数字 <!DOCTYPE html> <html> <head> <title>Number Generator</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </hea

我有一个函数，现在只需点击按钮就可以生成一个随机数。它当前只覆盖当前生成的数字

<!DOCTYPE html>
<html>
<head>
    <title>Number Generator</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

</head>
<?php 
// $random_number_array = [];
    function generatedNumbers(){
        $random_number_array = range(0, 100);
        shuffle($random_number_array );
        $random_number_array = array_slice($random_number_array ,0,10);

        foreach ($random_number_array as $key => $value) {
           print_r($value);
        }

    }

    if (isset($_GET['run'])) {
    generatedNumbers();
  }
;
 ?>
<body>
    <a href='index.php?run=true'>Generate</a>
<p></p>
</body>
</html>

我想在新行上生成一个数组形式的数字，因此每次单击使用一组新数字生成新行

解决方案1：

如果您只想通过使用PHP实现所需的结果，则可以遵循以下示例：

HTML:

现在，您需要使用ajax调用index2.php，您的index2.php具有以下代码：

index2.php：

旁注：index.php和index2.php必须位于同一目录中

将数字存储在session/GET数组中，您可以使用random\u int/rand生成随机数。您必须使用jquery ajax在单击时调用number函数，并使用jquery append将其添加到dom中。如果您需要代码方面的帮助，您需要使用您尝试过的javascript更新您的问题。

<a href='index.php?run=true'>Generate</a>

<?php 
session_start(); // need to use session_start to store array in session.

function generatedNumbers(){
    $random_number_array = range(0, 100);
    shuffle($random_number_array);
    $random_number_array = array_slice($random_number_array,0,10);
    foreach ($random_number_array as $key => $value) {
       $myArray[] = $value; // store values in array
    }

    if(isset($_SESSION['data']) && count($_SESSION['data']) > 0){
        $myArray = array_merge($_SESSION['data'],$myArray); // merge new and old array if exist in session.
    }

    $_SESSION['data'] = $myArray;    // reset the value in session.
    echo "<pre>";
    print_r($myArray);
}

if (isset($_GET['run'])) {
   generatedNumbers();
}
?>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<a href='javascript:void(0);' id="generate">Generate</a>

<div id="result"></div>

<script type="text/javascript">
    $(document).ready(function(){
        $("#generate").click(function(){
            $.ajax({
                url: "index2.php",
                type: "GET",
                data: "run=1",
                dataType: "html",  // Has to be false to be able to return response
                success: function(response) {
                    $("#result").html(response);
                }
            });  // JQUERY Native Ajax End
        });
    });
</script>

<?php 
session_start(); // need to use session_start to store array in session.
function generatedNumbers(){
    $random_number_array = range(0, 100);
    shuffle($random_number_array);
    $random_number_array = array_slice($random_number_array,0,10);
    foreach ($random_number_array as $key => $value) {
       $myArray[] = $value; // store values in array
    }

    if(isset($_SESSION['data']) && count($_SESSION['data']) > 0){
        $myArray = array_merge($_SESSION['data'],$myArray); // merge new and old array if exist in session.
    }

    $_SESSION['data'] = $myArray;    // reset the value in session.
    echo "<pre>";
    print_r($_SESSION['data']);
}

if (isset($_GET['run'])) {
   generatedNumbers();
}
?>