Ajax請求示例

模板

                {% for row in host_list %}
                <tr>
                    <td class="c1">{{ row.id }}</td>
                    <td>{{ row.servername }}</td>
                    <td>{{ row.serverip }}</td>
                    <td>{{ row.serverpassword }}</td>
                    <td>編輯</td>
                    <td class="i1">刪除</td>
                </tr>
                {% endfor %}
                </table>
        </div>
    </div>

<script src="/static/jquery-3.1.1.js"></script>
<script>
    $(".i1").each(function () {
        $(this).click(function () {
            var b = $(this).parent().find("td").get(0).innerText;
            console.log(b);
            $(this).parent().remove();
            $.ajax({
                url:'/host-ajax',
                type:"POST",
                data:{"id":b},
                success:function (data) {
                    var obj = JSON.parse(data);
                    alert(obj.data)
                }
            })
        })
    })
</script>

路由系統

url(r'^host-ajax', views.host_ajax),

視圖函數

def host_ajax(request):
    import  json
    res = {"status":True,"error":None,"data":None}
    try:
        if request.method =="POST":
            print("執行 post方法 》》")
            nid = request.POST.get("id")
            print("nid:>>>",nid)
            models.HostInfo.objects.filter(id=nid).delete()
            res["data"] = "delete success"
        else:
            pass
    except Exception as e:
        res["status"]= False
        res["error"] = "rquest error"
    return HttpResponse(json.dumps(res))

Ajax 

 

　　　　        $.ajax({
            url: '/host',                                                #要提交到那個URL，觸發那個函數
            type: "POST",                                             #提交方式
            data: {'k1': 123,'k2': "root"},                      #提交的數據
            success: function(data){                             #回調函數，即只有服務器端返回信息以后會自動執行，必要帶一個參數，這個參數代表服務端返回的字典
                // data是服務器端返回的字符串
                var obj = JSON.parse(data);                    #把服務器端返回的字符串變成一個json字典的格式對象
            }
        })
        
    
        建議：永遠讓服務器端返回一個字典
        
        return HttpResponse(json.dumps(字典))