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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
最简单的jQuery程序 入门者学习
Jul 09 Javascript
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
jquery 图片轮换效果
Jul 29 Javascript
js实现单一html页面两套css切换代码
Apr 11 Javascript
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
jquery判断复选框是否选中进行答题提示特效
Dec 10 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
详解vue.js2.0父组件点击触发子组件方法
May 10 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 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知识收集
2012/08/20 PHP
解析php中如何直接执行SHELL
2013/06/28 PHP
PHP连接操作access数据库实例
2015/03/30 PHP
php实现对象克隆的方法
2015/06/20 PHP
Windows2003下php5.4安装配置教程(IIS)
2016/06/30 PHP
ThinkPHP中调用PHPExcel的实现代码
2017/04/08 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
JavaScript获得选中文本内容的方法
2008/12/02 Javascript
IE8 chrome中table隔行换色解决办法
2010/07/09 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
2013/03/05 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
jQuery插件版本冲突的处理方法分析
2017/01/16 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
性能优化之代码优化页面加载速度
2017/03/01 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
react-native-tab-navigator组件的基本使用示例代码
2017/09/07 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
利用python画出折线图
2018/07/26 Python
Python eval函数原理及用法解析
2020/11/14 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
三星法国官方网站:Samsung法国
2019/10/31 全球购物
西班牙在线药店:DosFarma
2020/03/28 全球购物
一些Solaris面试题
2013/03/22 面试题
我们的节日中秋活动方案
2014/08/19 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
2015年大学教师工作总结
2015/05/20 职场文书
团支部组织委员竞选稿
2015/11/21 职场文书
演讲稿:​快乐,从不抱怨开始!
2019/04/02 职场文书