flask通过ajax动态生成页面的模板方式

之前用的都是在ajax里面的success里面通过+=的方式手动拼接页面，虽然这样也行，但是十分的麻烦，而且容易出错。
google了一下，发现还有一种模板的方式（其实flask页面的渲染也是模板类型，就是没有想到ajax也可以返回flask的模板页面）
下面就在文章里面介绍一下如何在flask通过ajax请求模板然后在前台渲染出来
话不多说直接上代码
先展示前端的基本页面，基本功能是通过点击“添加”按钮动态在页面的button_div里面添加两个按钮

{% extends "base.html" %}
{% block title %}测试首页{% endblock %}

{% block message %}
{% endblock %}

{% block css %}
{% endblock %}

{% block main %}
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="panel panel-default panel-dropdown card-view">
            <div class="panel-heading">
                <button type="button" class="btn btn-danger text-left" id="btn_add">添加</button>
            </div>
            <div class="panel-body">