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 replace 字符替换实现代码
Dec 02 Javascript
前台js调用后台方法示例
Dec 02 Javascript
一个支付页面DEMO附截图
Jul 22 Javascript
jQuery判断当前点击的是第几个li的代码
Sep 26 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
jQuery事件绑定与解除绑定实现方法
Apr 15 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
基于Vue2.0的分页组件
Mar 16 Javascript
微信小程序如何获取用户收货地址
Nov 27 Javascript
JS基于对象的链表实现与使用方法示例
Jan 31 Javascript
ES6 Array常用扩展的应用实例分析
Jun 26 Javascript
vue项目中的支付功能实现(微信支付和支付宝支付)
Feb 18 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实现递归的三种基本方式
2020/07/04 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
微信封装的调用微信签名包的类库
2017/06/08 PHP
零基础学JavaScript最新动画教程+iso光盘下载
2008/01/22 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
使用JQuery实现的分页插件分享
2015/11/05 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
js 获取经纬度的实现方法
2016/06/20 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
js数字滑动时钟的简单实现(示例讲解)
2017/08/14 Javascript
linux 后台运行node服务指令方法
2018/05/23 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
[04:11]2014DOTA2国际邀请赛 CIS遗憾出局梦想不灭
2014/07/09 DOTA
python操作xml文件示例
2014/04/07 Python
Python OS模块常用函数说明
2015/05/23 Python
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
python django使用haystack:全文检索的框架(实例讲解)
2017/09/27 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
理肤泉英国官网:La Roche-Posay英国
2019/01/14 全球购物
大学生校园创业计划书
2014/02/08 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
大学生党课感想
2015/08/11 职场文书
公开致歉信
2019/06/24 职场文书
Mysql基础之常见函数
2021/04/22 MySQL
【2·13】一图读懂中国无线电发展
2022/02/18 无线电
Pandas-DataFrame知识点汇总
2022/03/16 Python