如何使用 django 中的 Jquery、Ajax 将模板值发送到数据库？

Question

1.jquery

    $(textbox).on('click','.save',function(e){ 
          e.preventDefault();
        var x = $('#input_msg').val();
        $.ajax({
          url:'newpostx/',
           type: $(this).attr('method'), 
           data: x,
           headers:{
              'X-CSRFToken':'{{csrf_token}}'
           }
         }).done(function(msg) {
            document.location = "http://127.0.0.1:8000/newpostx/"
             
            alert("save data")


          }).fail(function(err){
              alert('no data was saved')
       })
          
   });

2. home.html

    $(container).on('click','.show', function () { //On click of link, textbox will open console.log(count[1]) msg_bubble = 1; $("div.popup").show(); var num = $(this).attr('value'); console.log(num,'num') $(textbox).append('Grid No_ '+ num +' 
    Bot Messages
        
      
      
   Type any text here Add Message BubbleSelect InputText InputButtonsStar RatingsCalendar & TimeImage/File InputSelect User Input:
    Name
   -->      
      
      
   Type Input:
    File UploadTake PhotoFile Upload & Take PhotoButton
   Add ButtonNumber of stars:
    345Steps in stars: 
    0.51Type Input: 
    NameFull NameEmailMobilePasswordCustom TextCalendarData Limitation TypeAbsolute DateRelative DateMin Date 
    Max Date
   TimeAppointment Duration15 minutes30 minutes1 hour2 hourStart Time
   09:00 AM10:00 AM11:00 AM12:00 AMEnd Time 
   09:00 AM10:00 AM11:00 AM12:00 AMCancelSave') $("#input_msg").val() $("#input_msg"+num).text(window.localStorage.getItem(key+num)) console.log(count[num-1]) for(var i=2; iType any text here');  $(".container_inside").append(structure);  $("#add_msg_"+num+i).text(window.localStorage.getItem(num+i));  } }); 

3.views.py

    def post_new(request):
     if request.method == "POST":
      
        new_poll= text() #call model object
        d= request.POST
        new_poll.message= d['message']
        
        new_poll.save()
        print(new_poll)
        return render(request, "loggedin.html")

4.models.py

class text(models.Model):
    message = models.TextField(max_length=250)
    time = models.DateTimeField(default=datetime.now)

5.urls.py

  path('newpostx/',views.post_new,name='post_new'),

Answer 1

Basically you are trying to send single value, so jQuery maps sent variable name to 'x' (so you get {'x': $('#input_msg').val()} in request.POST ). To solve that you need to overwrite your data attribute in AJAX call.

So you change this line:

data: x

In jQuery/JavaScript file to:

data: {'message': x}

And it should work. Also note that your first alert won't work because you change document.location and thus you change your current site before executing alert() call.