Я делаю приложение jQuery Mobile/Phonegap с двумя страницами. На первой странице есть ввод для поиска, где пользователь может добавить название книги или автора, а затем на второй странице отображаются результаты в зависимости от того, сколько из них соответствует заданному значению.
До сих пор мне удалось получить значение из ввода поиска и успешно получить значение на второй странице.
Мой код jQuery находится во внешних файлах и добавляется в файл index.html между jQuery.js и jQuerMobile.js.
//this is from the first page
// capture the user input, and change page to search_results.html
function handlePageChange() {
if ($('#search-1').val().length > 0) {
$.mobile.changePage('search_results.html', {
dataUrl : "search_results.html",
data : {
'input' : $('#search-1').val()
},
reloadPage : false,
changeHash : true
});
} else {
alert('Search input is empty!');
}
}
//Handle the page-change action after user has pressed the button = changePage
$(document).on('pagebeforeshow', "#index", function() {
$(document).on('click', "#changePage", handlePageChange);
});
//this is from second page
// get data from search input form index.html
function getSearchValue() {
var parameters = $(this).data("url").split("?")[1];
parameter = parameters.replace("input=", "");
alert(parameter);
}
//Trigger after page is loaded
$(document).on('pageshow', "#search_results", getSearchValue);
Но я застрял на двух вещах. Сначала глядя на jQueryMobile, я как будто смущаюсь, какое событие использовать для использования моего ajax-вызова API.
Должен ли я просто еще одна функция обратного вызова для существующего прослушивателя событий pageshow.
Затем я хочу заполнить свой listview результатами API Google Книг, но не могу найти хороших примеров.
И, по крайней мере, я хочу показать книги в listview с миниатюрой и названием, и когда кто-то нажимает на одну из книг, она будет переходить на другую страницу, где будет отображаться более подробная информация о книге.
Как я могу это сделать в зависимости от id.
Даже концепция без кода приветствуется. Спасибо
