jquery的Ajax(删除与添加数据)

models.py

from __future__ import unicode_literals
from django.db import models

# Create your models here.

class Host(models.Model):
   hostname = models.CharField(max_length=32, unique=True)
   ip = models.GenericIPAddressField(max_length=20, unique=True)
   port = models.IntegerField()
   category = models.ForeignKey('Category')

   def __unicode__(self):
       return self.hostname

class Category(models.Model):
   name = models.CharField(max_length=32, unique=True)

   def __unicode__(self):
       return self.name

views.py

# -*- coding: UTF-8 -*-
from django.shortcuts import render, get_object_or_404, redirect, HttpResponse
from django.views.decorators.csrf import csrf_exempt
from .models import *
import json
# Create your views here.


def index(request):
    hosts = Host.objects.all()
    categorys = Category.objects.all()
    return render(request, 'index.html', {'hosts': hosts, 'categorys': categorys})


def delete_host(request, host_id):
    host_one = get_object_or_404(Host, pk=host_id)
    host_one.delete()
    return redirect('/')


# @csrf_exempt
def create_host(request):
    res = {'status': True, 'error': None, 'data': None}
    try:
        hostname = request.POST.get('hostname')
        ip = request.POST.get('ip')
        port = request.POST.get('port')
        category = request.POST.get('category')
        # print('%s,%s,%s,%s' %(hostname, ip, port, category))
        if hostname and len(hostname) > 5:
            Host.objects.create(hostname=hostname, ip=ip, port=port, category_id=category)
        else:
            res['status'] = False
            res['error'] = '太短了'
    except Exception as e:
        res['status'] = False
        res['error'] = '请求错误'
    return HttpResponse(json.dumps(res))

template




    
    
    


    
{% for host in hosts %} {% endfor %}
name ip port category
{{ host.hostname }} {{ host.ip }} {{ host.port }} {{ host.category.name }} 删除 编辑

注意:

ajax中POST的csrf的屏蔽和解决:

注释settings.py 那行
MIDDLEWARE_CLASSES = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
   # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
用@csrf_exempt装饰器
from django.views.decorators.csrf import csrf_exempt
在$ajax , data:中加入csrfmiddlewaretoken: '{{ csrf_token }}'
       $.ajax({
                url: '/host',
                type: 'POST',
                data: {csrfmiddlewaretoken: '{{ csrf_token }}','hostname':$('#hostname').val(),'ip': $('#ip').val(), 'port': $('#port').val(), 'category': $('#category').val()},
{#                data: $('#aform').serialize(),#}
                success: function(data){
                    var a = JSON.parse(data)
                    console.log(a)
                    if(a.status){
                        location.reload();
                    }else{
                        $('#messee').text(a.error);
                    }
                }
            })

你可能感兴趣的:(jquery的Ajax(删除与添加数据))