2

我想在 Django 框架中发出 ajax 请求。但是，我不会通过 json 从客户端获取数据。当我不使用 Json 时它可以工作。如果我在 ajax 中使用带有 {'a':'value'} 的 dataType:'json'，我无法在 view.py 中得到它，结果什么都没有......但是如果我使用 data:$( ajax 中的 this).serializeArray() 我可以通过 request.POST 获得结果。但是，我确实需要自定义我的数据并将表单中的数据以外的其他数据发送到我的 view.py。我想发送一个 {'a', 'mydata', 'form': myformdata}... 有办法吗？

模板：

<form id="ajax2" action="/seghca/test-post/" method="post">{% csrf_token %}
Nom : <input type="text" name="nom" value="" id="nom"/><br/>
prenom : <input type="text" name="prenom" value=""/><br/>
<input type="submit" value="Envoyer"/>
</form>


<div id="result"></div>

javascript:

$(document).ready(function(){


        // POST AJAX
        $("#ajax2").submit( function() {
        var urlSubmit = $(this).attr('action');

        var data = $(this).serializeArray();
        data.push({
                key:   "keyName",
                value: "the value"
            });
        $.ajax({  
            type: "POST",
            url: urlSubmit,
            dataType: "json",               
            data      : data,//$(this).serializeArray(),
            success: function(response){
                 var json_response = JSON.parse(response);
                    // now get the variables from the json_response
                    $('#result').html(json_response.html);
            }
        });
        return false;
    });

    });

view.py （ajax 启动 test_post 视图，home2 是公式的视图）：

from datetime import datetime
from django.http import HttpResponse, Http404
from django.shortcuts import redirect, render
from seghca.models import Article


from django.shortcuts import render_to_response
from django.http import HttpResponse
from django.template import RequestContext
from django.views.decorators.csrf import csrf_exempt
import json

def home2(request):
    return render_to_response('seghca/form.html', context_instance=RequestContext(request))

@csrf_exempt
def test_post(request):
    data = {'html': request.POST['key']}
    return HttpResponse(json.dumps(data), mimetype="application/json")
4

3 回答 3

1

当您使用 ajax 视图时，您应该以 json 形式从视图返回数据：

data = {'html': request.POST['input']}
return HttpResponse(json.dumps(data), mimetype="application/json")

其次，有必要首先在客户端解析响应：

success: function(response){
    var json_response = JSON.parse(response);
    // now get the variables from the json_response
    $('#result').html(json_response.html);
}

第三，如果您需要传递表单数据以及更多信息，您可以执行以下操作：

var data = $(this).serializeArray();
data.push({
    key:   "keyName",
    value: "the value"
});

第四，您缺少csrf令牌。

于 2013-08-24T11:45:52.870 回答
0

更改data: data,为data: {'data': JSON.stringify(data)},

并且您将能够通过POST['data']django 访问数据的序列化版本。请记住，如果你想在 django 中使用它，你必须反序列化它，例如json.loads(POST['data'])

于 2013-11-20T09:00:55.980 回答
0

我有你同样的需求。我的解决方案是：

AJAX 请求：

    var posturl = $('#'+formid).prop('action');

$.ajax({
        async:false,
        type: "POST",
        dataType: "json",
        contentType: "application/x-www-form-urlencoded",
        url : posturl,
        data : $('#'+formid).serialize() + '&mode=ajax', //&mode=ajax is my custom data
        success:function(response){             

                console.log(response);
                        alert(response.message);

        },
        timeout:10000
});

在views.py中：

        data = {'error': '0', 'message': 'all was ok'}
        return HttpResponse(json.dumps(data), mimetype="application/json")

以上应该对你有用。我的测试是使用 Django 1.6 和 Python 2.7.5

于 2014-01-20T12:11:18.910 回答