Djangoで自分が書いたAPIインターフェースを使用してAJAXをどうやって呼び出すか。
Djangoで自分で作成したAPIエンドポイントをAJAXで呼び出す方法は、次の手順で実現できます:
- DjangoでAPIインターフェースを作成するには、まず独自のAPIインターフェースをDjango内で定義する必要があります。これには、Django RESTフレームワークまたはDjangoのビュー機能を使用することができます。
- フロントエンドコードを作成する:フロントエンドページにjQueryや他のAJAXライブラリを読み込み、APIインターフェースを呼び出すためのAJAXリクエストを作成する。
$.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);
}
});
- DjangoでCORS(Cross-Origin Resource Sharing)設定を行う:APIインターフェースとフロントエンドページが同じドメインにない場合、CORS(クロスドメインリソース共有)設定をDjangoで行い、クロスドメインリクエストを許可する必要があります。
CORS_ORIGIN_ALLOW_ALL = True
- DjangoでAPIインターフェースのビュー関数を記述する:DjangoでAPIインターフェースのビュー関数を記述し、AJAXリクエストを処理して対応するデータを返す。
from django.http import JsonResponse
def api_endpoint(request):
data = {
'message': 'Hello, world!'
}
return JsonResponse(data)
- APIのURLと対応するビュー関数を配置する:URLルーティング。
from django.urls import path
from .views import api_endpoint
urlpatterns = [
path('api/endpoint/', api_endpoint, name='api_endpoint'),
]
上記の手順に従うことで、Djangoで作成したAPIインターフェースを使用してAJAXを呼び出すことができます。フロントエンドページでAPIインターフェースからデータを取得し、対応するインタラクティブロジックを実装します。