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实现简单验证码提示解决方案
Dec 20 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
jquery实现点击消失的代码
Mar 03 Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 Javascript
详解Angular5 服务端渲染实战
Jan 04 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 Javascript
微信公众号开发之微信支付代码记录的实现
Oct 16 Javascript
vue微信分享插件使用方法详解
Feb 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实现只保留mysql中最新1000条记录
2015/06/18 PHP
php提高脚本性能的4个技巧
2020/08/18 PHP
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
Python urllib、urllib2、httplib抓取网页代码实例
2015/05/09 Python
python删除特定文件的方法
2015/07/30 Python
小小聊天室Python代码实现
2016/08/17 Python
python字典DICT类型合并详解
2017/08/17 Python
wxPython实现窗口用图片做背景
2018/04/25 Python
Python实现的堆排序算法示例
2018/04/29 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
Python数据抓取爬虫代理防封IP方法
2018/12/23 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
python async with和async for的使用
2019/06/20 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
Python安装第三方库攻略(pip和Anaconda)
2020/10/15 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
C#笔试题
2015/07/14 面试题
商超业务员岗位职责
2014/03/12 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
提档介绍信范文
2015/10/22 职场文书