0
对不起，我只想说清楚我在问什么。如何将JSON转换为MVC中的Jquery数组ASp.Net
我在我的控制器中的JSON结果： -
public JsonResult Top7Video()
{
db.Configuration.ProxyCreationEnabled = false;
var result = (from v in db.TblVideos
orderby v.FileName
select new { title= v.FileName, artist=v.Artist,Image=v.Image,ID=v.ID}).Take(7).ToList();
return Json(result,JsonRequestBehavior.AllowGet);
}
而在我的Razor视图我想把它当作一个jQuery数组。我尝试以下方法： -
<script type="text/jscript">
var myarray = '{"title": "3. Ellie-Goulding","artist": "","mp4": "~/video/Ellie-Goulding.mp4","ogv": "~/video/Ellie-Goulding.ogv","webmv": "~/video/Ellie-Goulding.webm","poster": "~/video/VideoImg/play1.png"}';
//var myarray = '{"Err0":"Only letters and white space allowed in Name"}';
//alert(myarray);
$(function() {
$.ajax({
type: "GET",
url: "/Home/Top7Video",
data:"{}",
datatype: "Json",
success: function (data) {
$.each(arr, function (index, value) {
myarray.push([',{ "title": "' + value.FileName + '", "artist": "' + value.Artists + '", "mp4": "~/video/' + value.FileName + '", "ogv": "~/video/' + value.FileName + '", "webmv": "~/video/' + value.FileName + '", "poster": "~/video/VideoImg/' + value.Image + '" }']);
});
}
});
});
var arr = $.parseJSON(myarray); //convert to javascript array
alert(arr);
$(function() {
$.ajax({
type: "GET",
url: "/Home/Top7Video",
datatype: "Json",
success: function (data) {
$.each(data, function (index, value) {
$('#dropdownVideo').append('<li><div><a href="javascript:;" style="display: none;">×</a><a href="javascript:;" class="jp-playlist-item jp-playlist-current" tabindex="0">' + value.FileName + '<span class="jp-artist"> Song by ' + value.Artist + '</span></a></div></li>');
});
}
});
});
$(document).ready(function() {
new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1"
},
arr,
{
swfPath: "../../dist/jplayer",
supplied: "webmv,ogv,mp4",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true
});
});
</script>
Following is my HTML:-<div class="video-main">
<div class="video-record-list">
<div id="jp_container_1" class="jp-video jp-video-270p" role="application" aria-label="media player">
<div class="jp-type-playlist">
<div id="jquery_jplayer_1" class="jp-jplayer" style="width: 480px; height: 270px;">
<img id="jp_poster_0" src="~/video/VideoImg/play2.png" style="width: 480px; height: 270px; display: inline;">
<video id="jp_video_0" preload="metadata" src="~/video/Ellie-Goulding.mp4" title="1. Ellie-Goulding" style="width: 0px; height: 0px;"></video>
</div>
<div class="jp-gui">
<div class="jp-video-play" style="display: block;">
<button class="jp-video-play-icon" role="button" tabindex="0">play</button>
</div>
<div class="jp-interface">
<div class="jp-progress">
<div class="jp-seek-bar" style="width: 100%;">
<div class="jp-play-bar" style="width: 0%;"></div>
</div>
</div>
<div class="jp-current-time" role="timer" aria-label="time">00:00</div>
<div class="jp-duration" role="timer" aria-label="duration">00:30</div>
<div class="jp-controls-holder">
<div class="jp-controls">
<button class="jp-previous" role="button" tabindex="0">previous</button>
<button class="jp-play" role="button" tabindex="0">play</button>
<button class="jp-next" role="button" tabindex="0">next</button>
</div>
<div class="jp-volume-controls">
<button class="jp-mute" role="button" tabindex="0">mute</button>
<button class="jp-volume-max" role="button" tabindex="0">max volume</button>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value" style="width: 100%;"></div>
</div>
</div>
<div class="jp-toggles">
<button class="jp-full-screen" role="button" tabindex="0">full screen</button>
</div>
</div>
<div class="jp-details" style="display: none;">
<div class="jp-title" aria-label="title">1. Ellie-Goulding</div>
</div>
</div>
</div>
<div class="jp-playlist">
<ul id="dropdownVideo" style="display: block;">
<li class="jp-playlist-current">
<div>
<a href="javascript:;" class="jp-playlist-item-remove" style="display: none;">×</a>
<a href="javascript:;" class="jp-playlist-item jp-playlist-current" tabindex="0">
1. Ellie-Goulding
<span class="jp-artist">by Pixar</span>
</a>
</div>
</li>
</ul>
</div>
<div class="jp-no-solution" style="display: none;">
<span>Update Required</span>
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
</div>
</div>
</div>我不能到JSON转换为jQuery的阿雷。我得到以下错误： -
遗漏的类型错误：myarray.push不是一个函数
我是新进JSON和这里搜查了很多关于解决How to response an array in json to jquery?和How to convert Json object to Jquery Array?。但我无法解决这个问题。请帮忙！！
'myarray'是一个字符串，而不是一个数组。也许你打算使用括号'[]'而不是引号''''？ – David
'data'已经是一个数组。如果你想要这些属性名称（'标题'，'艺术家'等），然后修改你的控制器发送一个具有这些属性名称的匿名对象的集合 - “select new {title = v.FileName，....}' –
@David使用[]代替''也没有帮助。我得到相同的错误信息和警报（arr）;我得到[对象] [对象] – Deepak