ajax render

1.后台返回的是一个页面且与当前页面无关，建议不要使用ajax，直接进行页面跳转。

 

2.前台页面使用{{ }}  和 {%  %}模板， 如何动态局部刷新带有该模板的dom元素？

    原页面

<div id="softslist" class="panel-body" style="margin-top:0px;">
                {% for i in list  %}
                <div class="div-box">
                    <div class="div-inbox">
                        <img src="{{ STATIC_URL }}softmarket/img/{{i.softwareTool}}.png" alt="{{i.softwareTool}}">
                    </div>
                    <div style="">
                        <input class="div-input" type="button" value="apply">
                    </div>
                </div>

                {% endfor %}

 </div>

        ajax动态刷新

 $.ajax({
                url: '/softmarket/selectlist/',
                type: "POST",
                data: {"systemName":systemName,"softType":softType,"softAuthority":softAuthority},
                success(list){
                    console.log("success");
                    $("#softslist").html(list);
                },
                error(data){
                    alert("something error!");
                }
 })

     后台render返回一个页面（方法代码不给了，给出返回部分）

    data = {"list": list}
    return render(request,'softmarket/innerpage.html',data)

     关键点：新建一个页面

                  将需要动态刷新的局部放到该页面中，使用上面的ajax进行动态刷新（该页面为innerpage.html)

{% endblock %}

                {% for i in list  %}
                <div class="div-box">
                    <div class="div-inbox">
                        <img src="{{ STATIC_URL }}softmarket/img/{{i.softwareTool}}.png" alt="{{i.softwareTool}}">
                    </div>
                    <div style="">
                        <input class="div-input" type="button" value="apply">
                    </div>
                </div>

{% endfor %}