получать данные из 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');
            }

Ответы на вопрос(1)

Ваш ответ на вопрос