我有这个HTML和Js,最好的结果是一个未定义的值。 我想删除那个未定义的值。
我知道这是一个简单的解决方案,但我不能把它弄出来。 我请求帮助.. 谢谢。
自定义。 JS
$(function(){
$.ajax({
url: "--URL--",
dataType: 'jsonp',
success: function(json_results){
console.log(json_results);
$('#twitList').append('<ul data-role="listview"></ul>');
listItems = $('#twitList').find('ul');
$.each(json_results.results, function(key) {
html = '<img src="'+json_results.results[key].artworkUrl60+'"/>';
html += '<h3><a href="#">'+json_results.results[key].collectionName+'</a></h3>';
html += '<p>From: '+json_results.results[key].artistName+'</p>';
html += '<p>Created: '+json_results.results[key].releaseDate+'</p>';
listItems.append('<li>'+html+'</li>');
});
// Need to refresh list after AJAX call
$('#twitList ul').listview();
}
});
})
HTML
<title>Itunes</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="custom.js"></script>
<script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Itunes</h1>
</div><!-- /header -->
<div data-role="content">
<div id="twitList"></div>
</div><!-- /content -->
</div><!-- /page -->
</body>
答案 0 :(得分:0)
修改强>:
$(function(){
$.ajax({
url: "--URL--",
dataType: 'jsonp',
success: function(json_results){
console.log(json_results);
$('#twitList').append('<ul data-role="listview"></ul>');
listItems = $('#twitList').find('ul');
$.each(json_results.results, function(key) {
// edit
var data = json_results.results[key],
artworkUrl60 = data.artworkUrl60 || '',
collectionName = data.collectionName || '',
artistName = data.artistName || '',
releaseDate = data.releaseData || '';
html = '<img src="' + artworkUrl60 + '"/>';
html += '<h3><a href="#">' + collectionName + '</a></h3>';
html += '<p>From: ' + artistName + '</p>';
html += '<p>Created: ' + releaseDate + '</p>';
listItems.append('<li>' + html + '</li>');
});
// Need to refresh list after AJAX call
$('#twitList ul').listview();
}
});
})
答案 1 :(得分:0)
我通过whitelisiting * .phobos.apple.com运行了这个(在第一行修复了未定义的值)。并使用您的确切代码。