Ajax GET data returning 'None'

问题

Here's my ajax function:

$('a.username').on('click', function() {

    var username = $(this).html();
    var url = window.location.href.split('?')[0];

    $.ajax({
        type: 'GET',
        url: url,
        data: {
            username_clicked: username,
            csrfmiddlewaretoken: $("input[name='csrfmiddlewaretoken']").val()
        },
        success: function (data) {
            console.log(data.username_clicked)
        }
    })
});

And template:

<h3><a href="{% url 'raise_profile' %}" class="username">{{ i.author }}</a></h3>

url

url(r'^raise_profile/', raise_profile, name='raise_profile'),

and view:

def raise_profile(request):
    if request.method == 'GET':
        print('get') #prints 'get'
        username_clicked = request.GET.get('username_clicked')
        print(username_clicked) #prints 'None'

    return render(request, 'article.html', {})

The console.log(data.username_clicked) doesn't log anything. But if I take away the {% url 'raise_profile' %} in the template, then it logs the correct data. Any reason what the problem is?

Edit:

view:

def article(request, category, id):

    name = resolve(request.path).kwargs['category']
    for a, b in CATEGORY_CHOICES:
        if b == name:
            name = a
            instance = get_object_or_404(Post, id=id, category=name)

    allauth_login = LoginForm(request.POST or None)
    allauth_signup = SignupForm(request.POST or None)

    #comments
    comment = CommentForm(request.POST or None)
    ajax_comment = request.POST.get('text')
    comment_length = len(str(ajax_comment))

    comment_list = Comment.objects.filter(destination=id)
    score = CommentScore.objects.filter(comment=comment_list)

    if request.is_ajax():
        if comment.is_valid():
            comment = Comment.objects.create(comment_text=ajax_comment, author=str(request.user), destination=id)
            comment.save()

            score = CommentScore.objects.create(comment=comment)
            score.save()
            username = str(request.user)
            return JsonResponse({'text': ajax_comment, 'text_length': comment_length, 'username': username})
        else:
            print(comment.errors)


    context = {
        'score': score,
        'comment_list': comment_list,
        'comment': comment,
        'instance': instance,
        'allauth_login': allauth_login,
        'allauth_signup': allauth_signup
    }

    return render(request, 'article.html', context)


def raise_profile(request):

    username_clicked = request.GET.get('username_clicked')
    print(username_clicked)
    if request.is_ajax():
        profile = Profile.objects.get(username=username_clicked)
        print('Age:', profile.age)

    return HttpResponse()

url:

url(r'^(?P<category>\w+)/(?P<id>\d+)/', article, name='article'), #original view
url(r'^raise_profile/', raise_profile, name='raise_profile'),

Edit2: To send data back to template I've tried these:

def raise_profile(request):
    username_clicked = request.GET.get('username_clicked')
    if request.is_ajax():
        profile = Profile.objects.get(username=username_clicked)
        print('Age:', profile.age)
        profileAge = profile.age
        response_data = json.dumps({'profile_age': profileAge})
        return HttpResponse(response_data, content_type='application/json')

and

def raise_profile(request):
    username_clicked = request.GET.get('username_clicked')
    if request.is_ajax():
        profile = Profile.objects.get(username=username_clicked)
        print('Age:', profile.age)
        profileAge = profile.age
        return JsonResponse('profileAge': profileAge)

base.html

<p class="profile_age">{{ profileAge }}</p>

and nothing shows up. But when I print profileAge in my view it returns 4. Any idea why the data isn't being sent to my template?

回答1:

This is because when you click on a href element with url as {% url 'raise_profile' %}, Then the location of window changes to something like www.example.com/raise_profile/ and in this line :

var url = window.location.href.split('?')[0];

You are spitting url after ? which is now not present in window location url. So if you want this data to send to raise_profile url then just update it as it is :

$('a.username').on('click', function() {

    var username = $(this).html();
    var url = "/raise_profile/";

    $.ajax({
        type: 'GET',
        url: url,
        data: {
            username_clicked: username,
            csrfmiddlewaretoken: $("input[name='csrfmiddlewaretoken']").val()
        },
        success: function (data) {
            console.log(data.username_clicked)
        }
    })
});

来源：https://stackoverflow.com/questions/41820487/ajax-get-data-returning-none