получать данные из MySQL на jquerymobile только при обновлении страницы
Итак, я пытаюсь загрузить данные и перейти на другую страницу, как только я нажимаю на кнопку поиска в моем index.html.
это моя кнопка поиска
<a href="results.html" data-role="button" data-icon="search"
data-iconpos="notext">search</a>
и пока он загружается, я хочу, чтобы страница запускала эту функцию и получала данные
$(function () { $.getJSON("API.php", {
command: "getBusiness",
orig_lat: myPos.lat,
orig_long: myPos.lon,
distance: 0.05 },
function (result) {
$("#locations").html("");
for (var i = 0; i < result.length; i++) {
$("<a href='business.html?ID=" + result[i].id + "&bsnName=" + "'>
<div>" + result[i].bsnName + " " + (parseInt(result[i].distance * 1000))
"</div></a>").appendTo("#locations");}});});
Страница загружается без БД, только когда я нажимаю Обновить, она показывает мне результат
Я не уверен, что здесь не так, я не должен использовать getJSON ?? Я видел, как люди говорили о .Ajax () это то же самое, что getJSON ()?
Есть ли лучшая идея о том, как перейти на другую страницу и одновременно получить данные из БД на страницу, которую вы собираетесь загрузить на jquerymobile?
Я пытался использовать ту же функцию с помощью onclick, она работала, когда я дал ей div
остальная часть головы
<link rel="stylesheet" href="styles/jquery.mobile.structure-1.1.0.min.css" />
<link rel="stylesheet" href="styles/jquery.mobile.theme-1.1.0.min.css" />
<link rel="stylesheet" href="styles/my.css" />
<script src="scripts/jquery-1.7.2.min.js"></script>
<script src="scripts/jquery.mobile-1.1.0.min.js"></script>
<script src="scripts/cordova-1.8.1.js"></script>
<script>
// Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
var watchID = null;
var myPos = { lat: 32.0791, lon: 34.8156 };
// Cordova is ready
//
function onDeviceReady() {
// Throw an error if no update is received every 30 seconds
var options = { timeout: 10000 };
watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
}
// onSuccess Geolocation
//
function onSuccess(position) {
var element = document.getElementById('geolocation');
//myPos.lat=position.coords.latitude;
//myPos.lon=position.coords.longitude;
element.innerHTML = 'Latitude: ' + position.coords.latitude + '<br />' +
'Longitude: ' + position.coords.longitude + '<br />' +
'<hr />' + element.innerHTML;
}
// onError Callback receives a PositionError object
//
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}