Как вызвать html файл, используя ajax в coffeescript с ruby ​​на рельсах?

Question

Я работаю над проектом с ruby ​​на рельсах и хочу визуализировать html-файл с помощью функции click, используя Ajax в coffee-script.Мой HTML-файл находится в папке просмотра.

Код Coffee-script

showdialog = (num1='',title,wid=700,fixed='false') ->
   #$ -> showdi = $(num1).dialog(height: 600 , width: wid, model: true , title: title ) # disable UI popup
   title == "My Profile"  
   $.ajax(
       url: '/main.html'
       cache: false
   ).done (html) ->
       $('#jobForm .modal-header span').html title
       $('#jobForm .modal-body').html html
      return true
window.showdialog = showdialog 

showdialog - это моя функция, которая вызывается после нажатия кнопки.Все работает, но ajax не отображает файл, который он показывает, файл не найден в консоли.Итак, мой вопрос, где я размещаю HTML-файл, то AJAX будет отображать его?

Answer 1

Вам нужно изменить свой вызов ajax на:

$('.show_html_button').click(function () {
   $.ajax(
       url: '/main.js'
   )}

и в своем файле main.js напишите:

$('#jobForm').append('<%= j render('main.html') %>');
window.showdialog = showdialog

Это просто грубая идея.Для получения подробной информации вы можете перейти по этой ссылке

ОБНОВЛЕНИЕ:

Для более простого решения, вы также можете создать скрытую div, скажем "modal ".

<h4>
  = link_to 'Details', your_main_method_path, data: {remote: true}, item_details: true
</h4>

Затем в вашем контроллере выполните основное действие:

def main
    respond_to {|format| format.js}
end

И в папке представлений контроллера_имя создайте файл main.js (.coffee):

$ ('# modal'). Html ('<% = j (визуализировать частично: "main")%>');$ ( '# Модальный') модальный ( 'шоу').Это просто идея, вы должны сделать его совместимым с вашим кодом.