jQuery 外部ファイルに記述するとエラーが発生する。

Question

前提・実現したいこと

htmlファイルの下記に書くとエラーが発生せず、
外部ファイルに書くとエラーが発生します。
外部ファイルは読み込みは成功しているので、コード中にエラーがあるのかと思って、模索してもわかりませんでした。
ご教示お願い致します。

htmlファイルの下に書いた場合（成功）

<script type="text/javascript">
$(document).ready(function(event){
    $(document).on('click', '#check_connection', function(event){
        event.preventDefault();
        $.ajax({
            type: 'POST',
            url: "{% url 'content:connection_btn' %}",
            data: {
                'user_id': '{{ user.pk }}',
                'csrfmiddlewaretoken': '{{ csrf_token }}',
            },
            dataType: 'json',
            success: function(response){
                if (response.checked){
                    $('#check_connection').html('unfollow')
                }
                else {
                    $('#check_connection').html('follow')
                }
                $('#follower_count').text(response.follower_count)
            }
        });
    });
});
</script>

外部ファイルに書いた場合（エラー）

$(function(){
    $('#check_connection').on('click', function(event){
        event.preventDefault();
        $.ajax({
            type: 'POST',
            url: "{% url 'content:connection_btn' %}",
            data: {
                'user_id': '{{ user.pk }}',
                'csrfmiddlewaretoken': '{{ csrf_token }}',
            },
            dataType: 'json',
            success: function(response){
                if (response.checked){
                    $('#check_connection').html('unfollow')
                }
                else {
                    $('#check_connection').html('follow')
                }
                $('#follower_count').text(response.follower_count)
            }
        });
    });
});

試したこと

外部ファイルで、window.aler('hello world')をすると、成功したので、ファイルの読み込みはOKでした。

補足情報（FW/ツールのバージョンなど）

Comments

[miyabi_pudding]

既に回答にも記載がありますが、
{% url 'content:connection_btn' %}はバックエンド側ないし、フロントエンド上の、
フレームワークによるテンプレート記法のように思います。
フレームワークをお使いならば、質問タグに追加してください。

[m.ts10806]

エラー内容は？

Answer 1

"{% url 'content:connection_btn' %}"など何らかのフレームワークやサーバサイドの処理が見受けられます。
それらが原因なのでは。

Comments

[shuring]

jsファイルなどの外部ファイルでは、{{ }}　または、 {% %}などのフロントエンドのテンプレート記法が使えないことが、わかりました。
そのため、template側で、{{ user.pk }}などをidの値に記述すると成功しました。
（csrf_tokenのsetupが必要ですが、、、）

みなさま、ありがとうございます。