This is for a jQuery Mobile app using version 1.0.1.
I'm trying to get data from my `getmovies.php` file, which outputs JSON, to use in a jQuery function which appends the data to an unordered list on my HTML page.
My HTML page displays correctly, but the getMoviesList() function does not append any list items, so the content area is left blank.
My guess is that there is something wrong with my $.each() function. I'm more comfortable with PHP, but trying to get more familiar with jQuery and JSON for moving data around within jQuery Mobile apps.
`getmovies.php` outputs **JSON** as follows:
{"items":[
{"movieID":"65086","title":"The Woman in Black","poster":"\/kArMj2qsOnpxBCpSa3RQ0XemUiX.jpg"},
{"movieID":"76726","title":"Chronicle","poster":"\/853mMoSc5d6CH8uAV9Yq0iHfjor.jpg"}
]}
My **Javascript** is as follows:
var serviceURL = "http://mydomain.com/app3/services/";
var movies;
$('#moviesPage').bind('pageinit', function(event) {
getMoviesList();
});
function getMoviesList() {
$.getJSON(serviceURL + 'getmovies.php', function(data) {
$('#moviesList li').remove();
movies = data.items;
$.each(movies, function(index, movie) {
$('#moviesList').append('
');
});
$('#movieList').listview('refresh');
});
}
My **HTML** looks like this:
I'm trying to modify the following example app to meet my needs: http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/.
Thanks for any help you can offer. Do you get data when you run console.log(movie) on the first line of the each?
以上就是Using $.each() within $.getJSON的详细内容，更多请关注web前端其它相关文章！
