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 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
Javascript中click与blur事件的顺序详析
Apr 25 Javascript
解决vue数组中对象属性变化页面不渲染问题
Aug 09 Javascript
详解javascript中的Error对象
Apr 25 Javascript
vue3.0中的双向数据绑定方法及优缺点
Aug 01 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 Vue.js
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实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
JS求平均值的小例子
2013/11/29 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
python文件写入实例分析
2015/04/08 Python
在Linux系统上通过uWSGI配置Nginx+Python环境的教程
2015/12/25 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
Python深度优先算法生成迷宫
2018/01/22 Python
在Python中获取两数相除的商和余数方法
2018/11/10 Python
Python求均值,方差,标准差的实例
2019/06/29 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Python线程指南分享
2019/11/19 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
python的flask框架难学吗
2020/07/31 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
Perfumetrader荷兰:香水、化妆品和护肤品在线商店
2017/09/15 全球购物
网络方面基础面试题
2012/11/16 面试题
幼儿园中班上学期评语
2014/04/18 职场文书
法院授权委托书格式
2014/09/28 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
商务代表岗位职责
2015/02/15 职场文书
单位更名证明
2015/06/18 职场文书
小学毕业感言200字
2015/07/30 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL