Squeak.ru - шаблоны программирования

Как обработать возвращаемые Ajax данные с помощью rails3.1 и jquery

Я использую data-remote вместе с data-URL, чтобы сделать вызов Ajax через jquery ujs, и он работает.

Однако я не могу понять, как мне обрабатывать возвращаемое значение.

Например, у меня есть действие контроллера, которое возвращает некоторый HTML-код. Как прикрепить функцию JS (я полагаю), чтобы заменить HTML-код в существующем div после завершения вызова Ajax? Я установил тип данных: html кстати.

Я вижу, что HTML возвращается, обнюхивая сетевой трафик.

Я заставил его работать, написав свой собственный вызов Ajax (вместо использования версии jquerys ujs), но мне кажется, что я заново изобрел колесо, но я не могу найти, как использовать jquerys data-remote для выполнения вызова для меня, а затем обновить div (например).

Спасибо,

Ян

ruby-on-rails ajax ujs
07.03.2012

Ответы:


1

я предполагаю, что у вас есть кнопка с идентификатором «кнопка» и div с идентификатором «add_some_content»

$("#button").click( function(){
  $.get("some_random_url", function(data) {
    $("#add_some_content").html(data);
  });
});

или, как указал jxpx777:

$("#button").click(function(){ 
  $("#add_some_content").load("some_random_url");
});

если вы сейчас нажмете кнопку, будет сделан запрос ajax для вашего URL-адреса. ответ с этой страницы прикреплен к div.

07.03.2012
  • Использование .load() сделает его еще короче. $("#button").click(function(){ $("#add_some_content").load("some_random_url"); }); 08.03.2012
  • Я имею в виду использование кода jquery-ujs, в котором, если вы добавите data-remote и data-url, вызов будет выполняться за кулисами, что, кажется, идея UJS в этом коде не встроена в HTML. 08.03.2012
    • Новые материалы
    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..
    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..
    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...
    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..
    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..
    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..
    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...