如何在ruby on rails的coffeescript中使用Ajax調用html文件？

Question

我正在使用Ruby在rails上的項目，我想在咖啡腳本中使用Ajax渲染單擊功能上的html文件。 我的html文件放置在view文件夾中。

咖啡腳本代碼

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

然后在你的controller_name views文件夾中，創建一個文件main.js（.coffee）：

$（'＃modal'）。html（'<％= j（render局部：“ main”）％>'）; $（ '＃模'）模態（ '秀'）。 這只是想法，您必須使其與代碼兼容。