Django API请求

时间:2012-07-23 15:44:42

标签: ajax django api

我正在尝试访问其他服务的API,使用我的模型字段作为API请求中的关键字。 URL就像这样:

http://api.example.com/json/?first_name=FNAME&last_name=LNAME&key={key}

这是来自views.py的代码:

class ExamplePersonView(ListView):

    context_object_name = "example_person"
    template_name = "templates/example_person.html"

    def get_queryset(self):
        lname = get_object_or_404(ExamplePeople, lname__iexact=self.args[0])
        return ExamplePeople.objects.filter(lname=lname)

根据我的理解,我需要使用AJAX在我的页面模板和views.py之间进行通信,以发送请求,然后在页面上显示信息。

我发现了几个Django应用程序,可以很容易地将您的模型转换为公共API,但没有一个可以帮助您从其他服务访问API。有谁知道这样的应用程序?

如果没有,是否有人很好地理解使用AJAX与Django发出请求并将其呈现在模板中?

1 个答案:

答案 0 :(得分:6)

有几种方法可以与“外国”API进行通信。没有必要使用ajax。 Ajax只是用于在模板中进行后台调用,触发您想到的任何事件。

但是,假设您想与facebook GraphAPI进行通信以检索个人资料

http://graph.facebook.com/bill.clinton

标准结果被序列化为JSON,可轻松实现AJAX或任何JavaScript库,因此命名为JavaScript Object Notation。

AJAX的一个例子可能是:

function callFacebook() {
    $.ajax({
        type: "GET",
        data: ({}),
        dataType: 'json',
        url: "http://graph.facebook.com/bill.clinton",
        success: function(data){
            alert("Hi I am former "+data.name);
        }
    });
}
callFacebook();

将此内容包含在您的javascript文件中或脚本标记之间的模板中,您应该收到一条很好的警告消息:

  

你好我是前总统比尔克林顿

现在您可以将此警报转换为更有意义的内容,并将其置于h1标记内(不确定为什么这有意义)

$("body").html("<h1>"+data.name+"</h1>");

但有时您会想要在应用程序中检索数据并在服务器端执行某些操作。

所以创建一个django urlpattern并查看,例如:

from urllib2 import urlopen
from django.http import HttpResponse
from django.utils import simplejson    

def call_bill(request):
    url = "http://graph.facebook.com/bill.clinton"
    json = urlopen(url).read()
    # do whatever you want
    return HttpResponse(simplejson.dumps(json), mimetype="application/json")

# add this to your url patterns
url("^call_bill_clinton/$", call_bill)

现在访问您的网址

作为逻辑结果,通过某些用户操作触发异步事件也是完全可能的。例如前面提到的ajax示例中的URL参数,也可能是像“/ call_bill_clinton /".

这样的django url
<!-- add a button to call the function -->
<button onclick="callFacebook();">Call Bill</button>

function callFacebook() {
    $.ajax({
        type: "GET",
        data: ({}),
        dataType: 'json',
        url: "/call_bill_clinton/",
        success: function(data){
            alert("Hi I am former "+data.name+" and I came from Django");
        }
    });
)
// remove the auto call

此外,ajax调用让你做与http请求相同的技巧,你可以使用各种请求方法结合很酷的javascript事件,比如beforeSend事件

    beforeSend: function() {
        $('#loading').show();
    },

#loading可能是这样的:

   <div id="loading" style="display:none;">
        <img src="{% static "images/loading.gif" %}" />
    </div>