使用Django后端更新BD，并通过Ajax发布表单

Question

鉴于我有我的userPersonalized模型。 这有两个我想通过表单更新的字段，它们在其中输入一个数值，然后执行一个数学运算。 好吧，我希望该数学运算的结果能够根据输入的数值来更新已登录的用户字段。 我正在导入Jquery的库。

通过隐藏的2个输入，我访问了要通过数学运算更新的2个字段，我在自己的javascript文件中通过id对其进行了调用

html file
<div><form method="POST" class="form-data" action="{% url 'solit' %}">
{% csrf_token %}
  <h6>Tipo de peticion:{{form.petit}}</h6>
  <h6>Razon:{{form.razon}}</h6>
  <h6>{{form.solicitudes_id}}</h6>
  <h6>Fecha inicio:{{form.periodo_init}}</h6>
  <h6>Fecha fin:{{form.periodo_fin}}</h6>
  <h6>Introduzca dias a tomar<input id="dias" type="number" name="dias_adicion"></h6>
  <h6>Introduzca horas a tomar<input id="horas" type="number" name="horas_adicion"></h6>
  <input type="hidden" id="const_dias" name="d_pendientes" value="{{ user.d_pendientes }}">
  <input type="hidden" id="const_horas" name="h_pendientes" value="{{ user.h_pendientes }}">
Recuerde, que usted dispone de {{ user.d_pendientes }} dias y 
{{ user.h_pendientes }} horas a compensar <br>

<button type="submit" onclick="calculo()" class="boton">Guardar</button>

js文件------------------------------------------------ ------------

function calculo()

{

   var dias = parseInt(document.getElementById('dias').value);
   var horas = parseFloat(document.getElementById('horas').value);
   var dias_base  = parseInt(document.getElementById('const_dias').value);
   var horas_base  = parseFloat(document.getElementById('const_horas').value);

   dias_base -= dias;
   horas_base -= horas;

alert(dias_base);
alert(horas_base);
} console.log(calculo);

ajax脚本------------------------------------------------ ----

$(document).ready(function(){
var productForm = $(".form-data")

productForm.submit(function(event){
  event.preventDefault();
  var thisForm = $(this)
  var actionEndpoint = thisForm.attr("action");
  var httpMethod = thisForm.attr("method");
  var formData = thisForm.serialize();

  $.ajax({
    url: actionEndpoint,
    method: httpMethod,
    data: formData,
    success: function(data){
      console.log("success")
      console.log(data)
    },
    error: function(erroData){
     console.log("error")
     console.log(erroData)
   }
  })

 })
})

和我在django中的观点--------------------------------------

def solit(request):
if request.method == 'POST' and request.is_ajax():
    form = addiForm(request.POST)
    if form.is_valid():
        peticion = form.save()
        if peticion.usuario:
            peticion.usuario.d_pendientes = request.POST.get('d_pendientes', None)  # Get the form value if has, otherwise assign it to None (change it if you want another default value)
            peticion.usuario.h_pendientes = request.POST.get('h_pendientes', None)  # The same
            peticion.usuario.save()
            print (request.POST)

        return JsonResponse({'status': 'true', 'msg': 'Procesado Correctamente'})
    else:
        return JsonResponse({'status': 'false', 'msg': 'Los datos no son validos'})

form = addiForm()
return render(request, 'plantillas/adicionar.html', {'form':form})

Forms.py ------------------------------------

class addiForm(forms.ModelForm):
class Meta:
    """Formulario de solicitud"""

    model = Peticion

    fields = [

        'solicitudes_id',
        'petit',
        'razon',
        'periodo_init',
        'periodo_fin',
        'dias_adicion',
        'horas_adicion',

    ]

    labels = {

        'solicitud_id':'Solicitud',
        'petit':'Tipo de Petición',
        'razon':'Razon',
        'periodo_init':'Rango de fecha inicial',
        'periodo_fin':'Fecha final',
        'dias_adicion':'Dias a adicionar, si es mas de 8 horas',
        'horas_adicion':'Horas a adiciona, si es menos de 1 dia',

models.py -------------------------------------------

class Usuarios(AbstractUser):
   numero_empleado = models.IntegerField(null= True, blank= True)
   area = models.CharField(max_length = 200, null= True, blank= True)
   d_pendientes = models.IntegerField(null= True, blank= True)
   h_pendientes = models.IntegerField(null= True, blank= True)
   f_init = models.DateField(max_length = 200,null= True, blank= True)
   init_vac = models.DateField(max_length = 200, null= True, blank= True)
   fin_vac = models.DateField(max_length = 200, null= True, blank= True)
   ul_vac_tomadas = models.IntegerField(null= True, blank= True)


class Peticion(models.Model):
   solit_choices = (
    ('Adicionar','Adicionar'),
)
   solicitudes_id = models.AutoField(primary_key=True)
   usuario = models.ForeignKey(Usuarios, on_delete=models.CASCADE, null=True, blank=True)
   petit = models.CharField(max_length = 255, choices=solit_choices, null=True, blank=False)
   fec = models.DateTimeField(auto_now=True)
   razon = models.TextField(max_length=255, null=True, blank=True)
   periodo_init = models.DateField(max_length = 200, null=True, blank=True)
   periodo_fin = models.DateField(max_length = 200, null=True, blank=True)
   dias_adicion = models.IntegerField(null=True, blank=False)
   horas_adicion = models.FloatField(null=True, blank=False)

当前，在javascript控制台中，当提交时，以下消息将向我返回{状态：“ true”，消息：“已正确处理”}消息：“已正确处理”状态：“ true” proto ：对象，但值不会更新我的例子：我有5个苹果，好吧，我拿了2个，好了，我应该把那个2个发送到用户数据库，但是没有。 我想通过数学运算在用户中更新什么，请帮忙，我在做什么错？ 问候和感谢。

Answer 1

这里的问题是您假设您的Peticion表单将保存Usuarios的2个字段。 您将必须分别保存这两个字段，您可以通过以下方式进行操作：

def solit(request):
    if request.method == 'POST' and request.is_ajax():
        form = addiForm(request.POST)
        if form.is_valid():
            peticion = form.save()
            if peticion.usuario:
                peticion.usuario.d_pendientes = request.POST.get('d_pendientes', None)  # Get the form value if has, otherwise assign it to None (change it if you want another default value)
                peticion.usuario.h_pendientes = request.POST.get('h_pendientes', None)  # The same
                peticion.usuario.save()
            return JsonResponse({'status': 'true', 'msg': 'Procesado Correctamente'})
        else:
            return JsonResponse({'status': 'false', 'msg': 'Los datos no son validos'})

   form = addiForm()

请记住，如果您不执行ModelForm，则ModelForm将永远不会保存另一个模型的var。