您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

将信息从JavaScript传递到Django应用,然后返回

将信息从JavaScript传递到Django应用,然后返回

您正在谈论AJAX。AJAX总是需要3个部分(从技术上讲,只有2个部分:JavaScript具有双重职责)。

您尚未指定首选的框架,但是如果没有某种Javascript框架,您会发疯,因此我将为您选择jQuery。该代码可以很容易地适应任何Javascript框架:

$.getJSON('/url/to/ajax/view/', {foo: 'bar'}, function(data, jqXHR){
    // do something with response
});

我正在使用$.getJSON,这是jQuery的一种便捷方法,该方法将GET请求发送到URL并自动将响应解析为JSON,将其转换为data此处传递的Javascript对象。第一个参数是请求将发送到的URL(稍后会详细介绍),第二个参数是一个Javascript对象,其中包含应与请求一起发送的数据(如果不需要,可以将其省略发送任何数据),第三个参数是一个回调函数,用于处理服务器在成功时的响应。因此,这段简单的代码涵盖了上面列出的第1部分和第3部分。

下一部分是您的处理程序,在这种情况下,当然是Django视图。该视图的唯一要求是它必须返回JSON响应:

from django.utils import simplejson

def my_ajax_view(request):
    # do something
    return HttpResponse(simplejson.dumps(some_data), mimetype='application/json')

请注意,此视图除了required之外不接受任何其他参数request。这是一个哲学选择。恕我直言,以真正的REST方式,数据应该与请求一起传递,而不是在URL中传递,但是其他人可以并且确实不同意。最终选择取决于您。

另外,请注意,这里我使用了Django的simplejson库,该库对于常见的Python数据结构(列表,字典等)是最佳的。如果要返回Django模型实例或查询集,则应改用serializers库。

from django.core import serializers
...
data = serializers.serialize('json', some_instance_or_queryset)
return HttpResponse(data, mimetype='application/json')

既然有了视图,您所需要做的就是将其连接到Django的urlpatterns中,以便Django知道如何路由请求。

urlpatterns += patterns('',
    (r'^/url/to/ajax/view/$', 'myapp.views.my_ajax_view'),
)

这就是产生哲学差异的地方。如果您选择通过URL本身传递数据,则需要在urlpattern中捕获数据:

(r'^/url/to/ajax/view/(?P<some_data>[\w-]+)/$, 'myapp.views.my_ajax_view'),

然后,修改视图以接受它作为参数:

def my_ajax_view(request, some_data):

最后,修改Javascript AJAX方法以将其包括在URL中:

$.getJSON('/url/to/ajax/view/'+some_data+'/', function(data, jqXHR){

如果采用随请求传递数据的路线,则需要注意在视图中正确检索数据:

def my_ajax_view(request):
    some_data = request.GET.get('some_data')
    if some_data is None:
        return HttpResponseBadRequest()

那应该给您足够的能力来使用Django承担几乎任何AJAX功能。所有其他一切都与视图如何检索数据(手动创建数据,查询数据库等)以及Javascript回调方法如何处理JSON响应有关。关于此的一些技巧:

即使仅包含一项,该data对象 通常也 将是一个列表。如果您知道只有一项,则可以使用data[0]。否则,请使用for循环访问每个项目:

form (var i=0; i<data.length; i++) {
// do something with data[i]

}

如果data或是data[i]对象(AKA字典,哈希,键控数组等),则可以通过将键视为属性来访问键的值,即:

data[i].some_key

通常,在处理JSON响应和AJAX时,通常最好先直接在浏览器中尝试它,以便您可以查看确切的响应和/或验证响应的结构。要在浏览器中查看JSON响应,您很可能需要扩展。JSONView(适用于FirefoxChrome)将使它能够理解JSON并将其显示为网页。如果请求是GET,则可以使用查询字符串(即)以常规GET方式将数据传递到URL http://mydomain.com/url/to/ajax/view/?some_data=foo。如果是POST,则需要某种REST测试客户端。RESTClient是Firefox的一个很好的插件。对于Chrome,您可以尝试Postman。这些也非常适合从Twitter,Facebook等学习第三方API。

javascript 2022/1/1 18:26:52 有371人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶