117笔记问答在Django中使用AJAX调用自己写的API接口可以通过以下步骤实现：
-
创建API接口：首先需要在Django中定义自己的API接口，可以使用Django REST framework或者Django的视图函数来实现。
-
编写前端代码：在前端页面中引入jQuery或者其他AJAX库，然后编写AJAX请求来调用API接口。
$.ajax({
url: '/api/endpoint/', // API接口的URL
type: 'GET', // 请求类型，可以是GET或者POST等
success: function(data) {
// 请求成功时的处理逻辑
console.log(data);
},
error: function(xhr, status, error) {
// 请求失败时的处理逻辑
console.log(status + ': ' + error);
}
});
- 设置CORS配置：如果API接口和前端页面不在同一个域下，需要在Django中设置CORS（跨域资源共享）配置，允许跨域请求。
CORS_ORIGIN_ALLOW_ALL = True
- 编写API接口的视图函数：在Django中编写API接口的视图函数，处理AJAX请求并返回对应的数据。
from django.http import JsonResponse
def api_endpoint(request):
data = https://www.yisu.com/ask/{'message': 'Hello, world!'
}
return JsonResponse(data)
- 配置URL路由：将API接口的URL与对应的视图函数进行关联。
from django.urls import path
from .views import api_endpoint
urlpatterns = [
path('api/endpoint/', api_endpoint, name='api_endpoint'),
]
通过以上步骤，就可以在Django中使用AJAX调用自己写的API接口了。在前端页面中通过AJAX请求获取API接口返回的数据，并实现相应的交互逻辑。