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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
yepnope.js 异步加载资源文件
Sep 08 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
JS生成不重复随机数组的函数代码
Jun 10 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
Aug 09 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 Javascript
vue中添加与删除关键字搜索功能
Oct 12 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 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网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
PHP邮件发送类PHPMailer用法实例详解
2014/09/22 PHP
PHP自定义函数格式化json数据示例
2016/09/14 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
javascript的函数作用域
2014/11/12 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
2017/05/25 jQuery
在Vuex使用dispatch和commit来调用mutations的区别详解
2018/09/18 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
js实现无缝轮播图特效
2020/05/09 Javascript
python自动安装pip
2014/04/24 Python
Django的HttpRequest和HttpResponse对象详解
2018/01/26 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
python 实现简易的记事本
2020/11/30 Python
大学生专科学习生活的自我评价
2013/12/07 职场文书
汽车专业学生自我评价
2014/01/19 职场文书
初中同学聚会邀请函
2014/02/03 职场文书
顶撞老师检讨书
2014/02/07 职场文书
经理管理专业毕业自荐书范文
2014/02/12 职场文书
超市理货员岗位职责
2014/07/04 职场文书
超市创业计划书
2014/09/15 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
三方协议书
2015/01/27 职场文书
红色革命电影观后感
2015/06/18 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL
使用Django框架创建项目
2022/06/10 Python