栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

将信息从JavaScript传递到Django应用并返回

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

将信息从JavaScript传递到Django应用并返回

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

  1. 客户端(在这种情况下为Javascript)发出请求
  2. 服务器(在这种情况下为Django视图)处理请求并返回响应
  3. 客户端(再次是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 simplejsondef 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响应有关。关于此的一些技巧:

  1. 即使仅包含一项,该

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

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

    }

  2. 如果

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

    data[i].some_key
  3. 通常,在处理JSON响应和AJAX时,通常最好先直接在浏览器中尝试它,以便您可以查看确切的响应和/或验证响应的结构。要在浏览器中查看JSON响应,您很可能需要扩展。JSONView(适用于Firefox和Chrome)将使它能够理解JSON并将其显示为网页。如果请求是GET,则可以使用查询字符串(即)以常规GET方式将数据传递到URL

    http://mydomain.com/url/to/ajax/view/?some_data=foo
    。如果是POST,则需要某种REST测试客户端。RESTClient是Firefox的一个很好的插件。对于Chrome,您可以尝试Postman。这些也非常适合从Twitter,Facebook等学习第三方API。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/449095.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号