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 相关文章推荐
date.parse在IE和FF中的区别
Jul 29 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
javascript中DOM复选框选择用法实例
May 14 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
JavaScript设计模式之调停者模式实例详解
Feb 03 Javascript
javascript、php关键字搜索函数的使用方法
May 29 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
Jul 25 Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
Dec 05 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
Apr 11 Javascript
ES5新增数组的实现方法
May 12 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处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
一个对于js this关键字的问题
2007/01/09 Javascript
struts2 jquery 打造无限层次的树
2009/10/23 Javascript
jsonp原理及使用
2013/10/28 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
使用vs code开发Nodejs程序的使用方法
2017/09/21 NodeJs
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
jquery 遍历hash操作示例【基于ajax交互】
2019/10/12 jQuery
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
Python break语句详解
2014/03/11 Python
Python全局变量操作详解
2015/04/14 Python
Python跨文件全局变量的实现方法示例
2017/12/10 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
Python高级编程之消息队列(Queue)与进程池(Pool)实例详解
2019/11/01 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
Java程序员综合测试题
2014/04/25 面试题
2015年公司国庆放假通知
2015/07/30 职场文书
中秋节主题班会
2015/08/14 职场文书
九年级语文教学反思
2016/03/03 职场文书
PhpSpreadsheet中文文档 | Spreadsheet操作教程实例
2021/04/01 PHP
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis
SpringBoot中HttpSessionListener的简单使用方式
2022/03/17 Java/Android