How To Pass PHP Array to HTML Page using AJAX?

Question

I want to take some values from a PHP array to a HTML page by clicking a button into a paragraph ( <p> )

How can I do that?

<?php //file called 2.2.php
$numbers = array(1, 8, 11, 26);
echo json_encode($numbers);
?>

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $.ajax({
                type:"POST",
                dataType: "json",
                url: "2.2.php",
                data: "data",
                success:function(data){
                    //WHAT TO WRITE HERE?                   
                },error:function(data){
                alert("bla");                       
            }
        });
        });
    });
</script>

Answer 1

Parse the data from PHP (which will be text) to JSON, using:

JSON.parse( data )

Answer 2

THANKS FOR YOUR ANSWERS. BUT I DID IT: HERE IS FULL CODE:

php part:

<?php
if($_POST['data']){
    $numbers = array(1, 8, 11, 26);
    $arr =  json_encode($numbers);
    exit($arr);
}
?>

and script:

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script>
    $(document).ready(function(){
        $("button").click(function(){
            $.ajax({
                type:"POST",
                url: "2.2.php",
                data: "data=1",
                success:function(data){
                    $("#here").html(data);                      
                },error:function(data){
                alert("not working");                       
            }
        });
        });
    });
</script>

and html paragraph and button:

<body>
<button id="button">CLICK ME</button>
<p id="here"></p>
</body>

How To Pass PHP Array to HTML Page using AJAX?

Question

2 answers

solution1
0 2020-05-22 11:31:58

solution2
0 2020-05-22 13:09:35

How To Pass PHP Array to HTML Page using AJAX?

Question

2 answers

solution1 0 2020-05-22 11:31:58

solution2 0 2020-05-22 13:09:35

solution1
0 2020-05-22 11:31:58

solution2
0 2020-05-22 13:09:35