JS获取并处理php数组的方法实例分析


Posted in Javascript onSeptember 04, 2018

本文实例讲述了JS获取并处理php数组的方法。分享给大家供大家参考,具体如下:

$music=array();
$music['tayler']=array();
$music['walker']=array();
$music['tayler'][]='ours';
$music['tayler'][]='style';
$music['tayler'][]='red';
$music['walker'][]='all fall down';
$music['walker'][]='faded';
$str=json_encode($music);

php后台里面已经写好一个php数组$music,和一个转成json数组的$str,现在php后台会把这些数组传给当前页面。

<script type="text/javascript">
  function changesinger(va,data){
    var second = document.getElementById("second-data");
    while(obj=second[0]){
      obj.remove();
    }
    <!-- var data=eval(<?php echo json_encode($music);?>);  -->
    <!-- var data=<?php echo $str;?>; -->
    var data={$str};
    for(var i=0;i<data[va].length;i++){
      var opt=document.createElement("OPTION");
      opt.text=data[va][i];
      second.add(opt);
    }
  }
</script>

在js中使用php数组需要转成json格式,

第一种:

var data=eval(<?php echo json_encode($music);?>);

将php数组转成json编码,然后通过eval函数,转成js数组。

第二种:

var data=<?php echo $str;?>;

这里直接使用php中json编码后的数组,

第三种:

var data={$str};

这里直接使用php的简单语法。{}相当于<?php echo ;?>

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
Nov 19 Javascript
JavaScript获取table中某一列的值的方法
May 06 Javascript
jQuery鼠标事件汇总
Aug 30 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
JSON与JS对象的区别与对比
Mar 01 Javascript
Jquery-data的三种用法
Apr 18 jQuery
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
May 30 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 Javascript
Nest.js散列与加密实例详解
Feb 24 Javascript
vue click.stop阻止点击事件继续传播的方法
Sep 04 #Javascript
vue form 表单提交后刷新页面的方法
Sep 04 #Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 #Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 #Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 #Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 #Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 #Javascript
You might like
php相对当前文件include其它文件的方法
2015/03/13 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
PHP实现百度人脸识别
2019/05/06 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
javascript第一课
2007/02/27 Javascript
响应鼠标变换表格背景或者颜色的代码
2009/03/30 Javascript
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
为调试JavaScript添加输出窗口的代码
2010/02/07 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
Jquery性能优化详解
2014/05/15 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
微信小程序 教程之模板
2016/10/18 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
微信小程序实现简单input正则表达式验证功能示例
2017/11/30 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
用node.js写一个jenkins发版脚本
2019/05/21 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
2019/12/31 Javascript
js验证账户名是否重复
2020/05/26 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
python中实现延时回调普通函数示例代码
2017/09/08 Python
django的登录注册系统的示例代码
2018/05/14 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
计算机应用专业毕业生求职信
2013/10/24 职场文书
周年庆典主持词
2014/04/02 职场文书
慈善晚会策划方案
2014/05/14 职场文书
通知书大全
2015/04/27 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书