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 贪吃蛇实现代码
Nov 22 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
按钮接受回车事件的三种实现方法
Jun 06 Javascript
JS实现的生成随机数的4个函数分享
Feb 11 Javascript
深入浅出ES6之let和const命令
Aug 25 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
Apr 21 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
微信小程序ibeacon三点定位详解
Oct 31 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 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
smarty的保留变量问题
2008/10/23 PHP
PHP form 表单传参明细研究
2009/07/17 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
PHP信号量基本用法实例详解
2016/02/12 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
vue 运用mock数据的示例代码
2017/11/07 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
Vue起步(无cli)的啊教程详解
2019/04/11 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
[46:00]Ti4 冒泡赛第二轮LGD vs C9 2
2014/07/14 DOTA
使用wxpython实现的一个简单图片浏览器实例
2014/07/10 Python
跟老齐学Python之折腾一下目录
2014/10/24 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
python在ubuntu中的几种安装方法(小结)
2017/12/08 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
公司JAVA开发面试题
2015/04/02 面试题
使用索引有什么好处
2016/07/27 面试题
销售会计工作职责
2013/12/02 职场文书
社区八一活动方案
2014/02/03 职场文书
会计专业求职信范文
2014/03/16 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
学校工会工作总结2015
2015/05/19 职场文书
2015年保险业务员工作总结
2015/05/27 职场文书
任命书格式范文
2015/09/22 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
Python基于百度AI实现抓取表情包
2021/06/27 Python
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers