为什么将app / assets / javascripts中的coffee文件加载到所有文件中？

Question

我在app / assets / javascripts中有多个文件，为了测试，我已经在以下文件夹中写入了一个文件：test.coffee：

$ ->
  $(document).ready ->
    alert("Hey");

我的问题如下：

为什么将javascript加载到我访问我的网站的所有页面中，我知道其中包含application.js，但我认为它没有经过优化，没有吗？

您如何看待？ 您能告诉我一种优化的方法来在多个页面中进行Ajax调用，但是网站的所有页面中没有包含吗？ 其实我喜欢这样：

<script type="text/javascript">
  $(document).on('keyup', 'input#field_seller_name', function(e){
    if(e.keyCode == 13 && $(this).val() != ""){
      $.ajax({
        url: '/field_sellers/' + $(this).parent().parent().data('field_seller_id'),
        type: 'PUT',
        dataType: 'script',
        data: {
          field_seller: {
            name: $(this).val()
          }
        },
        error: function(result){
          alert(result.responseText);
        }
      });
    }
  });

</script>

我将这部分代码放在一个文件中，并且只在一页中加载，我认为它不干净...否则我会这样：

$ ->
  # This is for CREATE an new type_material by press enter touch with input in focus
  $(document).on 'keyup', '#name_new_type_material', (evt) ->
    if evt.keyCode == 13
      $.ajax '/type_materials',
        type: 'POST',
        dataType: 'script',
        data: {
          field_type_user: {
            name: $(this).val()
          }
        }

但是就像我在顶部说的那样，它已加载到所有网站中...

Linguee帮助我写了这个问题...

谢谢 ！

Answer 1

为什么将app / assets / javascripts中的coffee文件加载到所有文件中？

那是设计使然。 您的views/layouts/application.html.erb会加载javascript文件application.js 。 如果您转到app/assets/javascripts/application.js ，则会看到有关加载所有资产的说明。 由于application.js已加载到您的所有页面上（由于它位于布局模板中），因此所有资产都加载到了所有页面上。

您可以做的是创建另一个“主”文件。 说， app/assets/javascripts/application-with-custom-ajax.js并在其中加载其他逻辑（而不是在application.js加载）。 然后，您只需要确保在需要其他逻辑的页面上包括此替代文件，而不是application.js 。