doudi8519 2014-05-08 08:31 采纳率: 100%
浏览 53
已采纳

使用JSON将PHP数组传递给javascript

Okay so I know this has been asked before and I've tried the solutions, but for some reason they don't work for me so I'm asking for some help. I haven't used JSON yet so maybe it's something silly but I have no clue...

Here's the code:

<?php
    $array;

    #successful attempt to display array with json_encode in php
    echo json_encode($array);
?>
<html>
<input id="show" type="button" onclick="showArray()" value="showArray">
<divShow>
</divShow>
<script>
function showArray(){
var array = <?php echo json_encode($array); ?>;

    //Failed attempt to display array in the div field show
    document.getElementById("divShow").appendChild(array);

    //Failed attempt to display the array with an alert.
    for(var i=0; i<2; i++){
        alert(array[i]);
    }
};
</script>
</html>

So what do you guys think? Am I missing something? Is it possible that the array was successfully passed to javascript but for some reason won't show?

Thanks,

-Alex

EDIT:

So I'm getting a series of arrays from a text file. I use these arrays as strings to display on the page and then convert them to float arrays. When I echo one of the float arrays such as $Z_Ausmass with:

echo json_encode($Z_Ausmass);

I get [25.39999961853,121.48651123047]. However, when I use the following to display the array through javascript:

function calc(){
var Z_Ausmass = <?php echo json_encode($Z_Ausmass); ?>;
    for(var o=0; o<Z_Ausmass.length; o++){
    var textnode = document.createTextNode(Z_Ausmass[o]);
    document.getElementById("divCalc").appendChild(textnode);
    }
};

it does not work. It's vital I get the float arrays in the script because the script needs to make calculations based on them and then display the calculations to the user.

  • 写回答

1条回答 默认 最新

  • dongshi9526 2014-05-08 08:37
    关注

    When i execute the code it works ok.

    The first attempt fails because you can't append the complete array. You need to append each element in the array seperately.

    The second attempt works correctly. You only need to remove the first attempt to make it work because the first attempt stops the execution of the javascript.

    edit

    I tried to fix the code for you. I used a simple array with only text. The element you wanted to show in did not have the id you where referencing to

    <divShow></divShow>//wrong
<div id="divShow"></div>//right

    to loop trough the complete array you do not want to hard code the max # of elements use arr.length as max for the 'for'-loop.

    You can't directly append raw text to an html element. You need to make a TextNode of it and then append that node to the html element.

    var textnode=document.createTextNode(arr[i]);
document.getElementById("divShow").appendChild(textnode);

    So The working code will be something like this:

    <?php
$array = array("test","text","show");

#successful attempt to display array with json_encode in php
echo json_encode($array);
?>
<html>
<input id="show" type="button" onclick="showArray()" value="showArray">
<div id="divShow">
</div>
<script>
    function showArray(){
        var arr = <?php echo json_encode($array); ?>;

        //Put the text in a text node, append to the div
        for(var i=0; i< arr.length; i++){
            var textnode=document.createTextNode(arr[i]);
            document.getElementById("divShow").appendChild(textnode);
        }
    };
</script>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 如何将php数组或者对象传递给javascript
    2020-10-26 03:15
    在使用json_encode()函数将PHP数组或对象转换为JSON字符串后，就可以通过PHP脚本输出的方式，将此字符串直接嵌入到JavaScript代码中。这样，JavaScript就可以直接访问这个JSON对象，并进行操作。 下面是具体实现...
  • PHP数组通过JSON格式转换传递到前端Javascript
    2021-07-28 17:52
    weixin_45018995的博客 //创建一个空数组a $b=array("name"=>"$name1", "age"=>"$age1"); //定义关联数组b $c=array("name"=>"$name2", "age"=>"$age2"); //定义关联数组c $d=array(); //创建一个空数组d $d["name"]="test3";...
  • php数组转换js数组操作及json_encode的用法详解
    2020-10-26 19:10
    总结来说，从数据库获取数据，构建PHP数组，然后通过json_encode转换成JSON字符串，再将这个字符串传递给前端JavaScript处理，这个流程是Web开发中非常常见的数据交互方式。掌握这方面的知识能够帮助开发者更好地...
  • php数组ajax json数组对象,前端向后端 ajax 传递对象数组的 json 数据
    2021-04-13 00:19
    杨姓美少年的博客 1.后端部分实体类 Table对象 包含实体类 Column对象 数组public class Table {private String tableName;private Column[] columns;// 省略 set() get() ......@Overridespublic String toString() {return "Table{...
  • php数组转成json格式的方法
    2020-10-24 15:00
    将PHP数组转换为JSON格式，可以方便地进行数据交互，尤其是在Web开发中，通过网络传输数据到前端JavaScript或其他服务端语言中。在介绍转换方法之前，有必要了解JSON格式的基础知识，以及PHP数组的结构特性。 ### ...
  • PHP中的多行字符串传递给JavaScript的两种方法
    2020-10-25 18:49
    在Web开发过程中，经常需要在PHP服务器端与JavaScript前端之间传递数据。当需要传递多行字符串时，会涉及到如何在不同的编程语言中处理和表达多行文本。本文介绍了PHP中的多行字符串传递给JavaScript的两种方法，并...
  • JavaScript 的JSON数据格式
    2024-07-17 01:02
    Flec-hazo的博客 JSON对象（通常叫JSON）是一种文本数据的交换格式，用于存储和传输数据。示例如下：这就是一个简单的json数据以键/值对的形式存在；数据之间用逗号间隔；大括号表示保存对象；方括号表示保存数组。
  • php中JSON的使用与转换
    2020-10-24 21:13
    1. 数组到JSON：如果传递给`json_encode`的是一个索引数组，它会被转化为JSON数组（用方括号`[]`包围）。例如： ```php $arr = array('a' => 1, 'b' => 2, 'c' => 3); echo json_encode($arr); // 输出：{"a":1,...
  • android json数组上传,Android接口传递Json数组的处理方式
    2021-06-04 17:25
    生活的手下败将的博客 Js前端传递json数组至服务器端并解析的实现。 最近做的一个小项目中需要将json数组数据传递到服务器端进行保存,现分享一下解决思路. 环境:EasyUi+Mvc 4.0 如下: 在上述截图中的红色圈起来的部分,需要在点击保存后...
  • 用Json实现PHP与JavaScript间数据交换的方法详解
    2020-10-27 05:57
    在PHP端，使用`json_decode`函数将接收到的JSON字符串转换回PHP数组或对象，然后按照正常的PHP逻辑处理这些数据： ```php <?php $json_string = file_get_contents('php://input'); // 获取原始输入流中的数据 $...
  • 没有解决我的问题, 去提问