Как установить страницу обновления url в jquery - django

я пытаюсь перейти к обновлению страницы . мой models.py

class MainGroup(models.Model):
    admin = models.ForeignKey(User,on_delete=models.CASCADE)
    main_type = models.CharField(max_length=40,unique=True)
    date = models.DateTimeField(auto_now_add=True)

my views.py

@login_required
def list_maingroup(request):
    lists = MainGroup.objects.all().order_by('-pk')
    data = []
    for i in lists:
        item = {
           'id':i.id,
           'admin':i.admin.username,
           'main_type':i.main_type,
           'date':i.date
        }
        data.append(item)
    return JsonResponse({'data':data})

и это мой шаблон

$.ajax({
    type:'GET',
    url:'/list-main-group',

    success:function(data){

      data = data.data
      spinnerBox.classList.add('non-visible')
      var k = '<tbody>'
      for(i = 0;i < data.length; i++){
        const date = new Date(data[i]["date"]).toLocaleString();
        const id = parseInt(data[i]['id'])
        // const url = '{% url "products:update_maingroup" %}'
        // const my_url = url + "/"+id
        
          k+= '<tr>';
          k+= '<td>' + data[i]['id'] + '</td>';
          k+= '<td>' + data[i]["admin"] + '</td>';
          k+= '<td>' + data[i]["main_type"] + '</td>';
          k+= '<td>' + date + '</td>';
          k+= '<td align="center">'+
            
            '<button class="btn btn-info bg-info"  id="update" data-url='+{% url "products:update_maingroup" id %}+ '><i class="far fa-edit"></i></button>'+
            ' <button class="btn btn-danger btn-del bg-danger" data-did='+parseInt(data[i]["id"])+"><i class='far fa-trash'></i></button>"+

              '</td>';               
          k+= '</tr>'
      }
      k+='</tbody>'
        
      tableBody.innerHTML = k   
          
      $('#maingroupid').dataTable({     
        "order": [[ 0, "desc" ]]
      });
    },
    // error:function(error){
    //   console.log(error)
    // }
   
  });

      <div class="card-body table-responsive" >
        <div id="spinner-box" class="spinner-border text-primary text-center" role="status">
        </div>
        <table id="maingroupid" class="table table-bordered table-striped text-center">
        <thead>              
          <tr>
            <th>#</th>
            <th>{% trans "admin" %}</th>
            <th>{% trans "name" %}</th>
            <th>{% trans "date" %}</th>
            <th>{% trans "options" %}</th>

          </tr>
          </thead>
          <tbody id="tableData">

          </tbody>
          </tfoot>
        </table>

      </div>

я пробовал несколько способов добиться этого, но ни один из них не сработал, и это мой views.py для обновления

@login_required
def update_maingroup(request,id):
    obj = get_object_or_404(MainGroup,id=id)
    form = MainGroupForm(instance=obj)
    if request.is_ajax() and request.method == 'POST' and request.user.is_superuser:
        if form.is_valid():
            form = MainGroupForm(request.POST,instance=object)
            form.save()
            return JsonResponse({'success':'success'})
        else:
            return JsonResponse({'success':False,'error_msg':form.errors,'error_code':'invalid'})

    context = {'form':form,'obj':obj}
    return render(request,'update_maingroup.html',context)

и мой update_maingroup.html

 <form id="main-form" role="form" method="POST" action="{% url 'products:update_maingroup' id=obj.id %}">{% csrf_token %}
        <div class="card-body">
            <div class="form-group row">
                <label for="mainGroup" class="col-sm-2 control-label">{% trans "name " %}</label>
                <div class="col-sm-10">
                  {{form.main_type | attr:'id:mainGroup'}}
                  <p id="main_error" class="alert alert-danger" aria-disabled="true" hidden></p>
                </div>
              </div>
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <button type="submit" class="btn btn-success">{% trans "save" %}</button>

          </div>
      </form>

мой urls.py нужно обновить

path('maingroup/update/<int:id>',update_maingroup,name='update_maingroup'), 
path('list-main-group',list_maingroup,name='list-maingroup'),

но он выдает эту ошибку :

Повтор для 'update_maingroup' без аргументов не найден. Попытка 1 шаблона(ов): ['maingroup/update/(?P[0-9]+)$']

.

есть ли что-то, что я должен изменить или добавить, пожалуйста? Спасибо за помощь ..

Вы смешиваете теги шаблона Django с JavaScript в вашем шаблоне:

{% url "products:update_maingroup" id %}

Это не работает, потому что тег шаблона оценивается только один раз, когда шаблон отображается, а не когда выполняется JavaScript.

Вы должны сгенерировать URL в вашем представлении:

@login_required
def list_maingroup(request):
    lists = MainGroup.objects.all().order_by('-pk')
    data = []
    for i in lists:
        item = {
           'id':i.id,
           'admin':i.admin.username,
           'main_type':i.main_type,
           'date':i.date,
           'url': reverse("products:update_maingroup", kwargs={"id": i.id})
        }
        data.append(item)
    return JsonResponse({'data':data})

В вашем шаблоне:

...
'<button class="btn btn-info bg-info" id="update" data-url='+data[i]["url"] + '><i class="far fa-edit"></i></button>'+
...

Есть куча альтернатив:

  • вы можете создать "URL шаблона" с фиктивными значениями и заменить их

    var urlTemplate = "{% url "products:update_maingroup" 9999 %};
var url = urlTemplate.replace("9999", id);

  • можно использовать стороннюю библиотеку, которая обеспечивает обратный URL на JavaScript, например, django-js-reverse

    .
Вернуться на верх