JS獲取并處理php數(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后臺里面已經(jīng)寫好一個php數(shù)組$music，和一個轉(zhuǎn)成json數(shù)組的$str，現(xiàn)在php后臺會把這些數(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 ;?>
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)自定義狀態(tài)欄動畫文字效果,涉及javascript結(jié)合時間函數(shù)動態(tài)設(shè)置IE狀態(tài)欄文字顯示效果相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
JavaScript宏任務(wù)和微任務(wù)區(qū)別介紹
這篇文章主要介紹了JavaScript宏任務(wù)和微任務(wù)區(qū)別介紹，js中的任務(wù)，大致分為2類，一類是同步任務(wù)，另一類是異步任務(wù)。而異步任務(wù)，又分為宏任務(wù)和微任務(wù)，這兩個任務(wù)是兩個隊列，所以是先進(jìn)先出的2022-07-07
這篇文章主要介紹了javascript獲取元素離文檔各邊距離的方法,以一個自定義函數(shù)形式分析了javascript針對文檔各邊距離的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
本文主要介紹了微信小程序中使用vant框架的具體步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
ESLint詳解及在WebStorm中的應(yīng)用步驟
ESLint是一種JavaScript代碼檢查工具,開發(fā)者可以通過自定義規(guī)則進(jìn)行代碼風(fēng)格和質(zhì)量的控制,使用ESLint的過程包括安裝、初始化配置、配置規(guī)則、運(yùn)行ESLint檢查代碼、與編輯器集成,以及與構(gòu)建工具集成等,需要的朋友可以參考下2024-09-09
BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的方法
這篇文章主要為大家詳細(xì)介紹了BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
客戶端限制只能上傳jpg格式圖片的js代碼,對用戶體驗較好，適合網(wǎng)頁中只能使用jpg格式圖片的情況。2010-12-12
解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問題
今天小編就為大家分享一篇解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
本文簡單介紹動態(tài)加載、移除、替換js/css文件的示例代碼，代碼簡單易懂，非常不錯，具有參考借鑒加載，需要的朋友參考下吧2018-03-03
JS中Generator函數(shù)與async函數(shù)用法介紹
javascript中經(jīng)常會用到異步編程，在ES6之后我們使用的?Generator函數(shù)、async函數(shù)、promise都是我們異步編程的一大助力，這里我們主要講解Generator、async函數(shù)，并且簡介他們之間的一些聯(lián)系，本篇文章會帶著一些簡易案例，方便大家理解使用2023-06-06