19赞

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

作者：LEEstarmmmmm | 2023-09-01 16:12

如何解决《在PHP和Javascript之间传输数组的最佳方法》经验，为你挑选了2个好方法。

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

$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代码中:

barfoon.. 29

我倾向于使用JSON对象:

在服务器端,JSON编码您的数据: json_encode($data);

在JavaScript方面,我编写了一个函数,它将JSON对象作为参数并解压缩.

解压缩对象时,可以将数组的内容打印到

标记中,或者在页面上的任何位置打印(jQuery对此非常好).

1> barfoon..：

我倾向于使用JSON对象:

在服务器端,JSON编码您的数据: json_encode($data);

在JavaScript方面,我编写了一个函数,它将JSON对象作为参数并解压缩.

解压缩对象时,可以将数组的内容打印到

标记中,或者在页面上的任何位置打印(jQuery对此非常好).

如何使用javascript解压缩JSON对象？你可以为它添加一些示例代码和解压缩对象的样本吗？谢谢

2> Kent Fredric..：

如果您正在进行内联数据,我一直都喜欢这样做

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

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

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

完成后,会有

$("div#foobar> div").get().data.($ yourarrayhere)

您的代码可见.

推荐阅读

程序员
在Swift中的UIPopoverController上设置多个箭头方向

如何解决《在Swift中的UIPopoverController上设置多个箭头方向》经验，为你挑选了1个好方法。 ... [详细]
程序员
带有指示器和下一个/上一个按钮的Onsen-UI Carousel

如何解决《带有指示器和下一个/上一个按钮的Onsen-UICarousel》经验，为你挑选了1个好方法。 ... [详细]
程序员
Python:它不允许我使用Tkinter root = Tk()错误

如何解决《Python:它不允许我使用Tkinterroot=Tk()错误》经验，为你挑选了1个好方法。 ... [详细]
程序员
对数组进行排序,以便第一个和最后一个元素形成"对"

如何解决《对数组进行排序,以便第一个和最后一个元素形成"对"》经验，为你挑选了1个好方法。 ... [详细]
程序员
jsfiddle中没有框架部分

如何解决《jsfiddle中没有框架部分》经验，为你挑选了1个好方法。 ... [详细]
程序员
在Python 3中安装和运行模块（入门）

如何解决《在Python3中安装和运行模块（入门）》经验，为你挑选了1个好方法。 ... [详细]
程序员
多列表理解

如何解决《多列表理解》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何获取字符串中组的所有排列？

如何解决《如何获取字符串中组的所有排列？》经验，为你挑选了1个好方法。 ... [详细]
程序员
浏览器支持Angular材质

如何解决《浏览器支持Angular材质》经验，为你挑选了2个好方法。 ... [详细]
程序员
在C#中的接口实现中使用继承的接口

如何解决《在C#中的接口实现中使用继承的接口》经验，为你挑选了1个好方法。 ... [详细]
程序员
打印任何STL容器

如何解决《打印任何STL容器》经验，为你挑选了2个好方法。 ... [详细]
程序员
当我需要总数时生成NAN

如何解决《当我需要总数时生成NAN》经验，为你挑选了1个好方法。 ... [详细]
程序员
响应式图像拉伸 - 基于y轴的网格？

如何解决《响应式图像拉伸-基于y轴的网格？》经验，为你挑选了0个好方法。 ... [详细]
程序员
显示分配堆栈跟踪时防止程序崩溃

如何解决《显示分配堆栈跟踪时防止程序崩溃》经验，为你挑选了1个好方法。 ... [详细]
程序员
斯坦福依赖解析器设置和NLTK

如何解决《斯坦福依赖解析器设置和NLTK》经验，为你挑选了1个好方法。 ... [详细]
程序员
SecCopyErrorMessageString在swift中给出"使用未解析的标识符"

如何解决《SecCopyErrorMessageString在swift中给出"使用未解析的标识符"》经验，为你挑选了1个好方法。 ... [详细]
程序员
为什么我还需要打开Swift字典值呢？

如何解决《为什么我还需要打开Swift字典值呢？》经验，为你挑选了1个好方法。 ... [详细]
程序员
ClassCastException Double to Float,即使我没有使用Double

如何解决《ClassCastExceptionDoubletoFloat,即使我没有使用Double》经验，为你挑选了1个好方法。 ... [详细]
程序员
Spring 4.2.3.RELEASE和Hibernate 5.0.4.Final兼容性问题

如何解决《Spring4.2.3.RELEASE和Hibernate5.0.4.Final兼容性问题》经验，为你挑选了1个好方法。 ... [详细]
程序员
表中是否始终需要主键自动增量？

如何解决《表中是否始终需要主键自动增量？》经验，为你挑选了1个好方法。 ... [详细]

LEEstarmmmmm

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章

DevBox开发工具箱 | 专业的在线开发工具网站