javascript - 使用ajax和json从php返回数组

Question

-我的 php 文件中有一个包含更多数组的数组。我正在发送一个整数变量(可能稍后发送其他东西，这不是问题)

-我希望 php 文件根据传入变量返回数组(在本例中只有 1 和 2。)

-我尝试了其他帖子中的一些内容，但它们太复杂了，我无法理解它们中的任何一个。我希望能够随时更改它。

这就是我到目前为止所做的..

index.php

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript">     
var sayac = 1;
$(document).ready(function() {

    $(document).delegate("#klikme", "click", function() {
        $.post('sayac.php',{"komut": sayac }, function(data){

            var res = $.parseJSON(data);
            $('#output').html(res.result[0]);
            $('#output2').html(res.result[1]);
        });
        sayac = sayac + 1;
        if(sayac > 2)
            sayac = 1;
    });
});
</script>
<div id = "klikme">
    KLİK ME!
</div>

<div id = "output">
<?php include 'sayac.php'?>

</div>

<div id = "output2">

</div>

sayac.php

<?php 

    $returnThis = array( array("One" => "Sample Stuff Bla Bla this is one!","Two" => "Sample Text One"), 
                        array("One" => "Sample Stuff Bla Bla this is one!", "Two"=> "Sample Text Two"));

    if(isset($_POST["komut"]))
    {
        switch($_POST["komut"])
        {
            case 1:
                echo json_encode($returnThis[0]) ;
                break;
            case 2:
                echo json_encode($returnThis[1]); 
                break;
            default:
                echo "Something is wrong";
                break;
        }
    }

?>

我想返回数组，并且在索引中我想用返回的数组索引填充每个输出 div 区域，但这些不起作用

Answer 1

只需更改您的内容，如下所示:-

<script type="text/javascript">     

$(document).ready(function() {
var sayac = 1;
    $(document).delegate("#klikme", "click", function() {
        $.post('sayac.php',{"komut": sayac }, function(data){

            var res = $.parseJSON(data);
            console.log(res); // since response is an object so you cannot access in the way that you did.
            $('#output').html(res.One); // get first value
            $('#output2').html(res.Two); // get second value
        });
        sayac = sayac + 1;
        if(sayac > 2)
            sayac = 1;
    });
});
</script>