Arhn - архитектура программирования

jquery mobile отправляет данные на внутреннюю страницу и читает оттуда

Я пытаюсь передать данные на внутреннюю страницу мобильного приложения jquery с помощью метода Get. Приложение написано как одностраничное решение.

Если пользователь нажимает кнопку «Отправить», я изменяю href a, например, на:

$("#send_loc").on("click", function () {
    var shop = $("#shop").prev("form").find("input").val();
    var city = $("#city").prev("form").find("input").val();

    $('#send_loc').attr("href", "#search?city="+city+"&shop="+shop); 
});

С другой стороны, я пытаюсь поймать данные с помощью:

$( document ).on( "pageinit", "#search", function() {
   var shop = getParameterByName("city");
   var city_name = getParameterByName("shop");

});

но я не получаю никаких результатов с этим.

Причина, по которой я пытаюсь это сделать, заключается в том, чтобы исправить кнопку data-rel="back".

Если пользователь нажимает «Отправить», я создаю список с параметрами поиска «Город» и «Магазин». Но после того, как пользователь нажимает на запись списка и снова возвращается к списку, список становится пустым. Вот почему я пытаюсь сохранить параметры в URL-адресе и создать список с параметрами URL-адреса.

спасибо за любую помощь

jquery jquery-mobile
28.02.2014

  • Вы можете использовать эту stackoverflow.com/questions/20974092/, чтобы получить ссылку, по которой щелкнули, а затем делать с ней все, что хотите. Если вам нужны разъяснения, дайте мне знать. 28.02.2014
  • Да, мне нужно больше разъяснений, пожалуйста. Я не очень понял, как его использовать. 28.02.2014
  • Вы хотите получить значение ввода до нажатия кнопки, верно? 28.02.2014
  • проверьте эту демонстрацию jsfiddle.net/Palestinian/g5Umg, если это то, что вы хотите, я добавлю подробный ответ. 28.02.2014
  • почти. После того, как пользователь ищет город и магазин, он получает список записей, которые загружаются для каждого вызова ajax. Затем пользователь нажимает на одну из записей и получает страницу с информацией о записи. Итак, теперь, если пользователь нажимает кнопку «Назад», он снова переходит к #search, но без каких-либо данных. Как в этом примере: jsfiddle.net/g5Umg/3 28.02.2014
  • В этом случае добавьте значение кнопки «Назад» в качестве атрибута и получите его в событии navigate вместе с pagebeforechange stackoverflow.com/questions/18211984/ 28.02.2014

Ответы:


1

Если это внутренняя страница, я предполагаю, что вы используете один файл .js. Если это так, нет необходимости в передаче данных. Просто создайте глобальную переменную (вне любых функций) и сохраните там свои значения.

OR

Рассматривали ли вы кэширование страницы со списком?

OR

Вы пробовали локальное хранилище? Вот несколько примеров использования:

localStorage.removeItem("item");
localStorage.setItem("item", yourdata);
localStorage.getItem("item");
localStorage.clear();
28.02.2014
  • да, я пробовал с локальным хранилищем, но это не сработало. две функции находятся в отдельных тегах ‹script›, поэтому я получаю лучший обзор, но я также могу объединить их. и я не знаком с кэшированием в jquery. поэтому, чтобы использовать переменные локального хранилища, они должны быть в одном скрипте? 28.02.2014
  • Что ж, я собрал сценарии вместе и использовал localStorage, и я тоже получаю данные из них, но если я нажму, чтобы вернуться после того, как я ввел запись в представлении списка, он все равно покажет мою пустую страницу. Кажется, код не может ввести $(document).on(pageinit, #search, function() {}); после того как я нажму на кнопку назад 28.02.2014
  • LocalStorage не зависит от скриптов. Попробуйте удалить data-rel=back в кнопке «Назад» и вместо этого добавьте событие onclick с mobile.changePage на страницу вашего списка. Он должен вызвать событие pageinit и исправить ваши проблемы. 28.02.2014
    • Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..