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 相关文章推荐
jquery中选择块并改变属性值的方法
Jul 31 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 Javascript
论JavaScript模块化编程
Mar 07 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
jquery表单插件form使用方法详解
Jan 20 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 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
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
php中计算程序运行时间的类代码
2012/11/03 PHP
PHP return语句的另一个作用
2014/07/30 PHP
tagName的使用,留一笔
2006/06/26 Javascript
用Javascript同时提交多个Web表单的方法
2009/12/26 Javascript
Jquery Change与bind事件代码
2011/09/29 Javascript
封装获取dom元素的简单实例
2016/07/08 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
微信小程序 picker 组件详解及简单实例
2017/01/10 Javascript
原生js实现电商侧边导航效果
2017/01/19 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
用js将long型数据转换成date型或datetime型的实例
2017/07/03 Javascript
vue.js声明式渲染和条件与循环基础知识
2017/07/31 Javascript
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
python中定义结构体的方法
2013/03/04 Python
python抓取网页图片示例(python爬虫)
2014/04/27 Python
wxPython中listbox用法实例详解
2015/06/01 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
TensorFlow实现Batch Normalization
2018/03/08 Python
python 借助numpy保存数据为csv格式的实现方法
2018/07/04 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
TensorFlow实现自定义Op方式
2020/02/04 Python
python中def是做什么的
2020/06/10 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
Python执行时间的几种计算方法
2020/07/31 Python
如何用Python绘制3D柱形图
2020/09/16 Python
政法学院毕业生求职信
2014/02/28 职场文书
国际贸易专业自荐信
2014/06/10 职场文书
解放思想演讲稿
2014/09/11 职场文书
会议通知
2015/04/15 职场文书
感谢信的技巧及范例
2019/05/15 职场文书
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js