jQuery .before() с внешним HTML-файлом (тот же домен)

Question

Я хотел бы узнать, можно ли использовать функцию .before() в jQuery для загрузки внешнего html-файла в том же домене.

Что я хочу - это HTML-форма с динамически размещенными элементами формы на основе записей пользователей (возможность добавлять столько полей номера телефона, сколько они хотят, например). Я пробовал много вариантов, таких как .load() или .html(), но я не могу найти никакого рабочего решения. Может быть, я не делаю это право ...

<script> 
    $(document).ready(function(){ 
     $("#add_society_number").click(function(){ 
      $(this).closest('table').before(forms/society_phone_number.html); 
     }); 
    }); 
</script> 

Что я должен использовать вместо «формы/society_phone_number.html»?

У меня будет много страниц с общими формами, поэтому я хочу их во внешних файлах.

Еще одна причина, почему я хотел бы, чтобы загружать внешние HTML файлы в том, что при использовании .До() функцию, я должен использовать «\» для каждой строки перерывы в моем коде ...

Спасибо:)

Answer 1

Чтобы получить контент, вам необходимо использовать $.ajax или один из его вспомогательных методов.

$(document).ready(function(){ 
    $("#add_society_number").click(function(){ 
     var self = this; 
     $.get("forms/society_phone_number.html",function(response){ 
      $(self).closest('table').before(response); 
     });    
    }); 
}); 

Answer 2

вы также можете использовать .load ('/ URL/к/скрипта')

<script> 
    $(document).ready(function(){ 
     $("#add_society_number").click(function(){ 
      $(this).closest('table tbody').load('forms/society_phone_number.html'); 
     }); 
    }); 
</script>