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 $.getJSON()跨域请求
Dec 21 Javascript
一个封装js代码-----展开收起效果示例
Jul 03 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
浅谈js中变量初始化
Feb 03 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
正则验证小数点后面只能有两位数的方法
Feb 28 Javascript
VUE axios发送跨域请求需要注意的问题
Jul 06 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 Javascript
vue-router相关基础知识及工作原理
Mar 16 Javascript
微信小程序wx:for循环的实例详解
Oct 07 Javascript
js实现课堂随机点名系统
Nov 21 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中使用PDF文档功能
2006/10/09 PHP
FCKeditor添加自定义按钮
2008/03/27 PHP
mysql 性能的检查和优化方法
2009/06/21 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
fleaphp crud操作之find函数的使用方法
2011/04/23 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
关于js获取radio和select的属性并控制的代码
2011/05/12 Javascript
js的一些常用方法小结
2011/06/29 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
2013/12/28 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
jQuery+json实现动态创建复杂表格table的方法
2016/10/25 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
2017/07/28 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
2019/05/22 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
Python psutil模块简单使用实例
2015/04/28 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
python实现隐马尔科夫模型HMM
2018/03/25 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
python匿名函数用法实例分析
2019/08/03 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
Python Merge函数原理及用法解析
2020/09/16 Python
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
总裁办公室主任职责
2014/01/02 职场文书
揭牌仪式主持词
2014/03/19 职场文书
后勤管理员岗位职责
2014/08/27 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
JavaScript流程控制(循环)
2021/12/06 Javascript