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 指导方针
Apr 05 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
Apr 07 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
Jan 23 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
javascript获得当前的信息的一些常用命令
Feb 25 Javascript
jquery表单验证插件formValidator使用方法
Apr 01 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
Mar 02 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
Jul 24 Javascript
解决iview打包时UglifyJs报错的问题
Mar 07 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 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中防止伪造跨站请求的小招式
2011/09/02 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
PHP生成随机密码4种方法及性能对比
2020/12/11 PHP
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
python分治法求二维数组局部峰值方法
2018/04/03 Python
Python3标准库总结
2019/02/19 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python cv2在验证码识别中应用实例解析
2019/12/25 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
python实现文字版扫雷
2020/04/24 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
美容院经理岗位职责
2014/04/03 职场文书
大学理论知识学习自我鉴定
2014/04/28 职场文书
大学学习计划书范文
2014/05/02 职场文书
白血病捐款倡议书
2014/05/14 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
婚礼答谢词范文
2015/09/29 职场文书