javascript - AJAX呼び出しにloading..メッセージを追加するには?

Question

次のような AJAX 関数があります。

function change_session(val) {
    var change_session_id=document.getElementById('select_path').value;
      $.ajax({
                type: "GET",
                url: "/change_path/",
                async: false,
                data: {change_session_id:change_session_id},
                success: function(data){
                    document.getElementById('transfer1').innerHTML=data;
                    document.getElementById('transfer1').style.display="block";
                }
            });

}

selectステートメントでAJAXを適用しています：

<select onchange="change_session()" name="select_path" id="select_path">

              <option name="server_id" id="select_path" value="{{ i.id }}">{{ active }}</option>
              {% for i in session_info %}
              <option name="server_id" id="select_path" value="{{ i.id }}">{{ i.session_name }}</option>
               {% endfor %}
               <input type="hidden" id="change_session_id" value="{{ i.id }}" />
            </select>

すべて正常に動作していますがoption、select ステートメントの変更中にコンテンツの読み込みに時間がかかり、関数 change_path が完了するまでオプション ステートメントがフリーズします。"Loading"そのため、読み込みが完了するまでの間に div 要素にメッセージを追加したいと考えています。