我正在尝试访问其他服务的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发出请求并将其呈现在模板中?
答案 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>