显示数组中的数据

时间:2015-06-16 08:04:49

标签: javascript php jquery html arrays

在index.php页面中,我有一个从demo.php中获取数据的脚本,并将结果显示在div中。

<div class="leftbox">
    <?php
        echo "<div id='proddisplay'>";
        echo "</div>";
    ?>
</div>

var onSubmit = function(e) {
    var txtbox = $('#txt').val();
    var hiddenTxt = $('#hidden').val();
    $.ajax({
        type: 'post',
        url: 'demo.php',
        data: {
            txt: txtbox,
            hidden: hiddenTxt
        },
        cache: false,
        success: function(returndata) {
            $('#proddisplay').html(returndata);
            console.log(returndata);
        },
        error: function() {
            console.error('Failed to process ajax !');
        }
    });
};

在demo.php脚本中我从

获得结果
print_r($result);

我得到的结果是

Array ( [0] => 1st value [1] => 2nd value [2] => 3rd value [3] => 4th value )

我希望从这个数组中获取个性化数据,以便我可以在index.php页面中单独使用每个数据,但我无法这样做。任何人都可以告诉我如何从索引页的数组中获取单个值

P.S: 我可以选择以结果[0]的形式在演示页面中显示格式,依此类推每个索引值,并在索引页面中调用它,但是我将其与css绑定。我希望在索引页面中使用任何css,只需调用索引页面中的值。

我尝试在索引页面中使用result [0]但它没有显示结果我尝试将数组的值分配给变量然后将这些变量调用到索引页但是也没有显示任何结果

5 个答案:

答案 0 :(得分:1)

将您的数组转换为json

echo json_encode($result);
你脚本中的

var onSubmit = function(e) {
  var txtbox = $('#txt').val();
  var hiddenTxt = $('#hidden').val();
  $.ajax({
    type: 'post',
    url: 'test2.php',
    dataType: 'json',
    data: {
      txt: txtbox,
      hidden: hiddenTxt
    },
    cache: false,
    success: function(returndata) {
         $('#first').html(returndata[0]);
          $('#second').html(returndata[1]);
           $('#third').html(returndata[2]);
            $('#fourth').html(returndata[3]);
         console.log(returndata[0]);
    },
    error: function() { 
      console.error('Failed to process ajax !');
    }
  });
};

第一,第二,第三,第四将是div的id或您希望显示结果的区域

答案 1 :(得分:0)

循环遍历数组中值的最简单方法是使用foreach

的foreach

foreach($result as $value){
    print($value);
}

http://php.net/manual/en/control-structures.foreach.php

http://www.w3schools.com/php/php_looping_for.asp

答案 2 :(得分:0)

分别访问每个值 - 例如$result[0]。或者,如果要遍历整个阵列,可以使用foreach

示例:

foreach($result as $val){
   //do something with $val
}

PHP Arrays

答案 3 :(得分:0)

只需将索引值分配给下面的变量:

$first_value = $result[0];
$second_value = $result[1];
$third_value = $result[2];
$fourth_value = $result[3];

依此类推。

答案 4 :(得分:0)

当您使用Ajax获取数据时,需要将数组作为JSON字符串传回。在Ajax调用中添加另一个参数dataType: 'JSON',这告诉jQuery您希望将JSON字符串作为响应,并且在将结果传递给jQuery时会自动将JSON转换为数组。成功的功能。

然后在data.php值中,您需要运行echo json_encode($result);以将结果作为JSON字符串传递回Ajax成功函数。 jQuery将它从JSON字符串转换回我们的数组(这就是我们添加dataType的原因)。然后在您的Ajax成功函数console.log(resultdata.0)中,您将获得value1,而console.log(resultdata.1)将为您提供value2。