Question

所以我从数据库中检索了一系列记录。数组采用格式;

$rows[0]['id']=1;
$rows[0]['title']='Abc';
$rows[0]['time_left']=200;


$rows[1]['id']=2;
$rows[1]['title']='XYZ';
$rows[1]['time_left']=300;
//And so on upto 10-20 rows

将此数组传输到我的javascript代码的最佳方法是什么？我希望javascript能够循环遍历所有记录，并使用'id'属性，用一些信息更新带有该id的div。

我的javascript代码在外部.js文件中，但我能够在我的页面的HTML代码中执行php代码。所以我可以这样做：

在my_file.js中：

var rows=New Array();

在HTML代码中：

<html>
<head>
<script type="text/javascript" src="js/my_file.js"></script>

<script type="text/javascript">
<? foreach ($rows as $row):?>
<? extract($row);?>
rows[<?=$id;?>]['title']="<?=$title;?>";
//And so on
<? endforeach;?>
</script>

Answer 1

我倾向于使用JSON对象：

在服务器端，JSON对您的数据进行编码：json_encode($data);
在JavaScript方面，我编写了一个函数，它将JSON对象作为参数并解压缩。

当您解压缩对象时，您可以将数组的内容打印到<DIV>标记中，或者在页面上的任何位置打印（jQuery对此非常好）。

Answer 2

如果您正在使用内联数据，我一直都喜欢这样做

<script type="text/javascript">
window.sitescriptdata = {}; 
window.sitescriptdata.foo = ( <?php echo json_encode( $structure ); ?> );
</script>

对于基本的东西，节省你做AJAX回调。此外，如果您想将数据粘贴到DOM节点，“metaobject”方式是我真正喜欢的。

<div id="foobar">
 <div><object class="metaobject">
        <param name="data" value="<?php echo htmlentities(json_encode($data), ENT_QUOTES );?>" />
 </object></div>
</div>

现在这可能看起来不太好，但它是直接将数据与DOM节点相关联的有效方式，而无需知道该节点的确切唯一路径。如果您有许多需要附加到特定屏幕元素的数据集，则非常方便。

我通常使用http://noteslog.com/metaobjects/插件来获取jQuery，但是它很简单，我有时会自己编写它（有一段时间我找不到插件，但新的工作原理如何）

完成后，将会有

$（“div＃foobar＆gt; div”）。get（）。data。（$ yourarrayhere）

您的代码可见。

Answer 3

为了跟进您的问题（以及我的回复，我在评论回复上用完了空间），这是我使用的代码的一个非常简化的子集：

jQuery中的Javascript AJAX处理程序：

$.ajax({
   type: "POST",
   url: "BACKEND.php",
   timeout: 8000,
   data: "var1=" + myVar,
   dataType: "json",
   error: function(){
     $("#DIVID").html("<div class='error'>Error!</div>");
   },  
   success: function(jsonObj){
     $("#DIVID").html(jsonObj.mydata);
   }
 });


PHP Array:
$data['mydata'] = $myData;

Answer 4

在像here这样的AJAX示例中，您可以通过以下方式解决此问题：

.php文件（ajax返回函数）

$myArray = array("object_id"=>1, "object_title"=>"Testobject");
return json_encode($myArray);

.js文件（javascript函数）

...
if(g_httpRequest.readyState == 4)
{
var jsonRes = JSON.parse(g_httpRequest.responseText);
alert(jsonRes.object_title)
}
...

Answer 5

我还是相当新的说也许这种方法不是最安全的，但是你总是可以把你的javascript数组变成一个字符串，然后把它传递给php到GET的URL。

这样：

for(var i=0;i < jsarray.length;i++) 
{
var x = jsarray[i];
urlstring += "myvalue[]="+x+"&";
}

document.location.href = "mypage.php?"+urlstring;

然后php将是：

$phparray = $_GET['myvalue'];

希望有所帮助

在PHP和Javascript之间传输数组的最佳方法

5 个答案: