JS獲取并處理php數(shù)組的方法實(shí)例分析

更新時(shí)間：2018年09月04日 12:10:34 作者：anlian523

這篇文章主要介紹了JS獲取并處理php數(shù)組的方法,結(jié)合實(shí)例形式分析了php針對數(shù)組的創(chuàng)建、轉(zhuǎn)換以及js處理數(shù)組的接收、遍歷、轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS獲取并處理php數(shù)組的方法。分享給大家供大家參考，具體如下：

$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后臺(tái)里面已經(jīng)寫好一個(gè)php數(shù)組$music，和一個(gè)轉(zhuǎn)成json數(shù)組的$str，現(xiàn)在php后臺(tái)會(huì)把這些數(shù)組傳給當(dāng)前頁面。

<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數(shù)組需要轉(zhuǎn)成json格式，

第一種：

var data=eval(<?php echo json_encode($music);?>);

將php數(shù)組轉(zhuǎn)成json編碼，然后通過eval函數(shù)，轉(zhuǎn)成js數(shù)組。

第二種：

var data=<?php echo $str;?>;

這里直接使用php中json編碼后的數(shù)組，

第三種：

var data={$str};

這里直接使用php的簡單語法。{}相當(dāng)于<?php echo ;?>

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)模仿桌面窗口的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)模仿桌面窗口的方法,可實(shí)現(xiàn)模仿桌面窗口的打開、關(guān)閉、移動(dòng)、縮放及最大化、最小化等功能,需要的朋友可以參考下
2015-07-07
前端開發(fā)必配置 html5shiv.js和respond.min.js的作用說明(bootstrap做IE低版
這篇文章主要介紹了前端開發(fā)必配置 html5shiv.js和respond.min.js的作用說明,需要的朋友可以參考下
2023-05-05
JS中可以改善代碼的5種重構(gòu)技術(shù)分享
代碼重構(gòu)涉及在不改變其外部功能的情況下對現(xiàn)有代碼進(jìn)行改進(jìn)，這是編程的核心部分之一，所以下面我們將研究一些技巧，這些技巧可以幫助我們以更好的方式重構(gòu)代碼，希望對大家有所幫助
2023-06-06
js螺旋動(dòng)畫效果的具體實(shí)例
這篇文章主要介紹了js螺旋動(dòng)畫效果的具體實(shí)例，有需要的朋友可以參考一下
2013-11-11
微信小程序mpvue點(diǎn)擊按鈕獲取button值的方法
這篇文章主要介紹了小程序mpvue點(diǎn)擊按鈕獲取button值的方法，本文通過兩種方法，給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-05-05
js調(diào)試系列初識(shí)控制臺(tái)
這篇文章的目的只是讓你認(rèn)識(shí)控制臺(tái)，讓你入門調(diào)試js，之后的路還得靠你們自己走
2014-06-06
js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
JavaScript學(xué)習(xí)筆記之?dāng)?shù)組去重
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之?dāng)?shù)組去重的相關(guān)資料,需要的朋友可以參考下
2016-03-03
javascript的document中的動(dòng)態(tài)添加標(biāo)簽實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄獪\談javascript的document中的動(dòng)態(tài)添加標(biāo)簽實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
js+css實(shí)現(xiàn)超簡潔的二級(jí)下拉菜單效果代碼
這篇文章主要介紹了js+css實(shí)現(xiàn)超簡潔的二級(jí)下拉菜單效果代碼,通過非常簡單的JavaScript遍歷頁面元素及動(dòng)態(tài)設(shè)置樣式達(dá)到二級(jí)下拉菜單的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09