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 相关文章推荐
IE与firefox之jquery用法区别
Oct 03 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
详解jQuery中基本的动画方法
Dec 14 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
Nov 16 Javascript
vue+elementUI组件table实现前端分页功能
Nov 15 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
Apr 26 Javascript
react 生命周期实例分析
May 18 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+SqlServer实现分页显示
2006/10/09 PHP
php中jpgraph类库的使用介绍
2013/08/08 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
基于javascript实现表格的简单操作
2016/05/21 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
2016/06/17 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
2019/06/10 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
[49:20]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
让Python更加充分的使用Sqlite3
2017/12/11 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
夜大自我鉴定
2013/10/31 职场文书
总经理办公室主任岗位职责
2013/11/12 职场文书
区域总监的岗位职责
2013/11/21 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
乡镇党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
入党函调证明材料
2014/12/24 职场文书
大学生毕业评语
2014/12/31 职场文书
歼十出击观后感
2015/06/11 职场文书
学术会议领导致辞
2015/07/29 职场文书
商务宴会祝酒词
2015/08/11 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
vue实现锚点定位功能
2021/06/29 Vue.js