在写的音乐网站中用到保存用户歌单功能,即用户登录后可以显示该用户之前保存的歌单,开始的思路是使用数据库来保存,后来为了方便于是考虑使用json数据格式来保存歌单,这样也和播放器插件的json参数比较契合.
读取JSON文件<?php
$filename = "chation99.json";
$json_string = file_get_contents($filename);
$data = json_decode($json_string, true);
// 显示出来看看
var_dump($data);
echo '
';
print_r($data);
echo '
';
?>
这里我们用到file_get_contents(path),这个函数来打开我们的json文件,然后用json_decode()函数来解析json数据,运行刚才的代码后,结果如下:
第一次输出 var_dump() :
第二次输出 print_r() :
这样表明我们已经成功的解析了从文件导入的json数据, 接下来我们对这些数据进行一些操作
PHP操作JSON数据
删除json数据元素
如果我们要操作JSON数据的话,必须先将JSON数据转化为数组模式,即json_decode()for($i=0;$i
if($data[$i]['title']=="顽固"){
echo $data[$i]['title'];
array_splice($data,$i,1);
break;
}
}
这段代码的意思即,我们查找json数据中如果有title的值为”顽固”的话,显示出这个title,然后用array_splice()函数来删除这个数组元素.
array_splice(array,array[index],code);
这个函数的参数,第一个接受一个数组,第二个接受一个数组的索引值,第三个参数表示要删除的个数(从index向后计算,1代表只删除当前索引值的元素,无参数表示index索引往后所有全部删除),这个函数的好处是,可以在中间的元素被删除后后面的元素自动向前补缺,不会存在空洞现象.
添加json数据元素$index = sizeof($data);
$data[$index]['mp3'] = "music/五月天-好好.mp3";
$data[$index]['oga'] = "";
$data[$index]['title'] = "好好";
$data[$index]['artist'] = "五月天";
$data[$index]['rating'] = "3";
$data[$index]['buy'] = "#";
$data[$index]['price'] = "";
$data[$index]['duration'] = "03:19";
$data[$index]['cover'] = "pic/userHead/bq2.jpg";
var_dump($data);
首先将data数组的长度缓存到一个index值里面,如果不这样做在接下来的添加过程中数组长度会逐个增大,
然后为索引值为长度的元素逐个添加各个属性,就完成了添加元素的操作
PHP写JSON文件$json_string = json_encode($data);
file_put_contents('chation99.json', $json_string);
先将data数组用json_encode()函数标准化为json数据字符串,然后将字符串写入到文件即可
file_put_contents(filename,filestring);
jQuery的getJSON函数
jQuery的getJSON函数属于jq Ajax的一种,异步的方式载入一个JSON文档
这里 ,我们的音乐网站上有一个播放器插件,需要一个json数据格式作为参数/* 初始化播放器 */
function player(username) {
$.getJSON("data/json/"+username+".json",function(data){
$('#musicplayer').ttwMusicPlayer(data,
{
currencySymbol: "",
buyText: " 下载",
tracksToShow: 10,
autoPlay: false,
ratingCallback: function (index, playlistItem, rating) {
},
jPlayer: {}
}
);
});
}
这样我们将username作为参数传入,可以保证不同的用户使用该播放器时载入相应的他们的歌单
接下来我们用JavaScript操作json数据的方式来为用户添加歌曲进歌单/* 从List收藏歌曲 */
function addByList(e){
//取得相应的歌曲信息
var tr = e.parentNode.parentNode,
img = tr.firstChild.firstChild,
url = img.getAttribute("src");
var name = tr.childNodes[1].innerHTML,
art = tr.childNodes[2].innerHTML;
var user = getCookie("music_identify");
var phpurl = "data/userlist/addmusic.php?name=" + name + "&art=" + art + "&cover=" + url + "&user=" + user;
if(user != ""){
e.setAttribute("href",phpurl);
}else{
removeElem("warningTip");
var tips = "登录后才能进行收藏或者下载 ! ";
var form = document.getElementById("music_box_play");
form.insertBefore(alertBox(tips, "warning"), form.childNodes[0]);
e.removeAttribute("target");
}
}
addmusic.PHP的代码如下<?php
//取得用户信息
$music_name = $_GET['name'];
$music_art = $_GET['art'];
$music_cover = $_GET['cover'];
$user_name = $_GET['user'];
//打开相应JSON文件
$filename = "../json/".$user_name.".json";
$json_string = file_get_contents($filename);
$data = json_decode($json_string, true);
//添加数据
$index = sizeof($data);
$data[$index]['mp3'] = "music/".$music_art."-".$music_name.".mp3";
$data[$index]['oga'] = "";
$data[$index]['title'] = $music_name;
$data[$index]['artist'] = $music_art;
$data[$index]['rating'] = "5";
$data[$index]['buy'] = "#";
$data[$index]['price'] = "";
$data[$index]['duration'] = $music_art;
$data[$index]['cover'] = $music_cover;
//写入文件
$json_string = json_encode($data);
file_put_contents('../json/'.$user_name.'.json', $json_string);
echo '';
?>
这样添加的歌单在 测试过程中又一个问题,浏览器会把json文件自动缓存到本地,为了防止浏览器缓存JSON文件导致的歌单更新无效,我们需要给浏览器一个信号,即每次加载的json文件都是新文件,这里我们只需要在getJSON()函数里加上一个参数即可,参数可以是时间戳或者随机数/* 初始化播放器 */
function player(username) {
var date = new Date();
mark = {Time:date.toDateString(),Math:Math.random()};
$.getJSON("data/json/"+username+".json",mark,function(data){
//do something ...
});
}
这样就可以保证每次都是重新加载JSON文件了.
