Я делаю простой вызов AJAX из from_tag (поле поиска) и хочу показать результаты без обновления страницы. Проблема в том, что, хотя я вижу в консоли сервера, что действие show обрабатывается как JS, оно по-прежнему отображает HTML, а не файл js.haml. Единственный способ получить контроллер для рендеринга js - это изменить имя на show.js. Затем он работает так, как должен. show.js.erb тоже не работает. Я также безуспешно пробовал format.js {render layout: false}. Кажется, проблема на стороне контроллера, но здесь я могу ошибаться. Любые идеи приветствуются!
Редактировать:
Действие контроллера работает с использованием параметра рендеринга "show.js.haml". Другая проблема заключается в том, что escape_javascript ничего не делает в файле js.haml ниже.
show.js.haml
$("#main").html("#{escape_javascript(render 'artists/show', locals: {artist: @artist, updates, @updates, reach: @reach, reach_diff: @reach_diff})}");
контролер
class ArtistsController < ApplicationController
def index
if params[:search]
@artist=Artist.find_by(name: params[:search])
redirect_to action: "show", id: @artist.id
else
@artists= Artist.all
end
end
def show
@artist= Artist.find(params[:id])
@updates = @artist.updates.order(created_at: :desc)
@reach = @artist.reachupdates.order(created_at: :desc)
@reach_diff= Reachupdate.last_week_diff(@artist.id)
respond_to do |format|
format.html
format.js {render "show.js.haml", layout: false}
end
end
end
Да! Это сработало. Спасибо
Вам нужно сменить render layout: false
на render 'show.js.haml', layout: false
def show
@artist= Artist.find(params[:id])
@updates = @artist.updates.order(created_at: :desc)
@reach = @artist.reachupdates.order(created_at: :desc)
@reach_diff= Reachupdate.last_week_diff(@artist.id)
respond_to do |format|
format.html
format.js {render 'show.js.haml', layout: false}
end
end
Обновлять:
The next issue I'm having is to insert ruby objects to the js file
Если файл 'articles/show'
- это частичный файл, проблема в том, что ключевое слово locals
должно использоваться вместе с ключевым словом partial
для работы. Попробуйте изменить это
$("#main").html("#{escape_javascript(render 'artists/show', locals: {artist: @artist, updates, @updates, reach: @reach, reach_diff: @reach_diff})}");
к
$("#main").html("#{escape_javascript(render partial: 'artists/show', locals: {artist: @artist, updates, @updates, reach: @reach, reach_diff: @reach_diff})}");
Или
Просто удалите locals
$("#main").html("#{escape_javascript(render 'artists/show', artist: @artist, updates, @updates, reach: @reach, reach_diff: @reach_diff)}");
Это работает, и отображается правильный файл. Следующая проблема, с которой я столкнулся, - это вставить объекты ruby в файл js. Хотел бы использовать здесь js.haml, поскольку он используется для остальной части приложения. Show.js.haml очень прост и выглядит так: $ ("# main"). Html ("# {escape_javascript (@ artist.name)}");
@OscarSidebo Я обновил свой ответ. Примите его, если он решит вашу проблему.
К сожалению, это не так: /. В выводе используется этот код - это просто инструкция Ruby. (локальные переменные удалены для краткости). <% = escape_javascript (отображать 'исполнители / шоу', местные жители: {…]%>
@OscarSidebo Вы правильно помещаете это в кавычки? "<%= escape_javascript(render 'artists/show', locals: {artist: @artist, updates, @updates, reach: @reach, reach_diff: @reach_diff}) %>"
да. И при просмотре HTML он выглядит точно так же, включая кавычки. Кажется, что это просто обрабатывается как строка. Действительно неприятно! Не могу не думать, что это, возможно, связано с HAML? Я хотел бы использовать HAML, но буду много работать с AJAX и не стоит, если это сопутствует головной боли ...
@OscarSidebo Приносим свои извинения. Я понял, что вы используете haml. Удалил моё обновление.
@OscarSidebo Является ли файл 'articles/show'
частичным?
Это не партиал, но я попытался изменить его на партиал с подчеркиванием в начале имени, и это не имело значения. Также попробовал оба ваших предложения синтаксиса выше. Он по-прежнему просто выводит весь этот оператор в виде строки. Почему-то все, что находится внутри # {}, вообще не выполняется.
Хорошо, кажется, я нашел ключ к разгадке, почему это не работает, потому что, когда я пытаюсь отобразить index.js.erb вместо перенаправления, чтобы сначала показать действие, он отлично работает как с erb, так и с haml.
Попробуйте
render 'show.js.haml', layout: false