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 相关文章推荐
javascript的onchange事件与jQuery的change()方法比较
Sep 28 Javascript
jquery validate.js表单验证的基本用法入门
May 13 Javascript
如何用js控制frame的隐藏或显示的解决办法
Mar 20 Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
js实现开关灯效果
Mar 30 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生成带有雪花背景的验证码
2006/10/09 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
javascript 常用功能总结
2012/03/18 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
javascript 利用arguments实现可变长参数
2016/11/21 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
2017/11/15 Javascript
微信小程序中this.data与this.setData的区别详解
2018/09/17 Javascript
vue+webpack中配置ESLint
2018/11/07 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
更改Python命令行交互提示符的方法
2015/01/14 Python
Python设计足球联赛赛程表程序的思路与简单实现示例
2016/06/28 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
详解如何将 Canvas 绘制过程转为视频
2021/01/25 HTML / CSS
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
应聘文员自荐信范文
2014/03/11 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
省级青年文明号申报材料
2014/05/23 职场文书
教师工作表现评语
2014/12/31 职场文书
高二化学教学反思
2016/02/22 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
新手初学Java网络编程
2021/07/07 Java/Android
Java 超详细讲解ThreadLocal类的使用
2022/04/07 Java/Android
使用 DataAnt 监控 Apache APISIX的原理解析
2022/07/07 Servers