Почему следующий код отображает 'null' вместо значения в моей форме ajax? [Дубликат]

Question

Почему следующий код отображает 'null' вместо значения в моей форме ajax? [Дубликат]

-1

Я пытаюсь показать сообщение об ошибке в разделе нижнего колонтитула моей формы ajax, но я получаю "null" вместо значения, что не так?

вот мой код:

html:

<div class="modal-footer">
    <div id="error_message"></div>
    <button type="submit" class="btn btn-default" id="submit" disabled>Submit</button>
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div role="modal-footer">

view.py:

from django.shortcuts import render
from librarysystem.models import Users
from django.http import JsonResponse

def index(request):
    template = 'librarysystem/Elib.html'
    return render(request,template)

    def validateForm(request):
        tagId = request.GET.get('id',None)           
        data = {
                'isTaken' : tagId,
                'value': request.GET.get(tagId,None),
               }
        return JsonResponse(data)

Код ajax:

function validateForm() {
    tagId = this.id;
    $.ajax({
         url: "/librarysystem/validate/",
         data: {
                 tagId: this.value,
                 'id': tagId,
         },
         dataType: 'json',
         success: function(data){
            $('#error_message').html(data.value + ' = value').css('color','red');
         }
    }) ;
}

$(document).ready(function() {                                         
    $("#username, #emailid, #password, #retrypassword").keyup(validateForm);
});

Ahtisham 03 янв. 2017, в 08:37

Источник

0

Массивы Python такие же, как JavaScript?
Yo Yo 03 янв. 2017, в 07:38
0

data: { tagId: this.value, 'id': tagId, }, это не смущает? хотя this не то, что вы думаете здесь.
Jai 03 янв. 2017, в 07:40

Теги:

django

jquery

ajax

2 ответа

Ещё вопросы

data: { tagId: this.value, 'id': tagId, }, это не смущает? хотя this не то, что вы думаете здесь.

Jai · Answer 1 · 2017-01-03T05-31-00.000Z

this неверно:

function validateForm() {
        tagId = this.id;
    var val = this.value; // <-----get value here
    $.ajax({
         url: "/librarysystem/validate/",
         data: {
                 tagId: val, //<----pass it here
                 'id': tagId
         },
         dataType: 'json',
         success: function(data){
            $('#error_message').html(data.value + ' = value').css('color','red');
         }
    });
}

или использовать context:this, параметр в ajax:

function validateForm() {
        tagId = this.id;

    $.ajax({
         url: "/librarysystem/validate/",
         context:this, //<----add it here
         data: {
                 tagId: this.value, 
                 'id': tagId
         },
         dataType: 'json',
         success: function(data){
            $('#error_message').html(data.value + ' = value').css('color','red');
         }
    });
}

Bipul Jain · Answer 2 · 2017-01-03T05-25-00.000Z

Это кажется логически неверным.

tagId = request.GET.get('id',None)   ## Which returns username based on the request

Вторая линия

data = {
       'isTaken' : tagId,
       'value': request.GET.get(tagId,None) ## request params doesn't have any key as "**username**" and is supposed to return null. 
}

request.GET.get (tagId, None) будет расширен до request.GET.get ('username', None), который получит значение, возвращаемое this.value в ajax ???