javascript - jQuery .before() 与外部 HTML 文件（相同域）

Question

我想知道是否可以在 jQuery 中使用 .before() 函数在同一域中加载外部 html 文件。

我想要的是一个 HTML 表单，其中包含基于用户条目的动态放置的表单元素（例如，能够添加任意数量的电话号码字段）。我尝试了许多选项，例如 .load() 或 .html() 但我似乎找不到任何可行的解决方案。也许我做的不对……

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

我应该使用什么来代替“forms/society_phone_number.html”？

我将有许多带有共享表单的页面，这就是我希望它们在外部文件中的原因。

我想加载外部 HTML 文件的另一个原因是，在使用 .before() 函数时，我必须对代码中的每个换行符使用“\”...

谢谢 ：）

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/to/script')

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