由于项目需要js与django进行数据交互请求,下面记录一个简单的示例。
js请求代码
其中的url的http://127.0.0.1:8080/是我django的运行端口,你们如果是默认生成的端口,应该是8000,而不是8080,你们需要改一下这个端口数。
register/helloApi/是我自己配置的,下面会介绍配置方法。
$.ajax({
'url': 'http://127.0.0.1:8080/register/helloApi/',
'type': 'get',
'data': { account: "12345666" },
'success': function (d) {
console.log(d);
},
'error': function (d) {
console.log(d);
}
});
接下来就是在django部分的操作了
创建应用,编写views
创建应用register,在该项目控制台里输入如下代码,表示自动生成一个register的应用
python manage.py startapp register
等几秒项目中就会自动出现一个register的文件夹,它与你的manage.py的相对位置如图。
在register文件的views.py下创建接口
from rest_framework.views import APIView
from rest_framework.response import Response
class HelloView(APIView):
def get(self, request, *args, **kwargs):
print("hello")
print(request.query_params)
return Response({"status": True, 'message': '发送成功'})
在register目录中新建一个urls.py文件
输入以下代码
from django.urls import path
from . import views
urlpatterns = [
path('helloApi/', views.HelloView.as_view()),
]
在主程序的urls.py中修改
我的主程序名称为xiaochengxu,所以显示如下
from django.contrib import admin
from django.urls import path, include
urlpatterns = [
path('admin/', admin.site.urls),
path('', include('register.urls')),
path('register/', include("register.urls")),
]
还需要在主程序的setting.py里注册
由于我的django和js属于跨域请求,所以还需要安装安装django-cors-headers,并在setting.py里进行相关的其它配置,具体过程请跟随我本篇文章:https://blog.csdn.net/changyana/article/details/122737534
效果
最后配置完成后可以看到如下的效果
我从js里传递了account的值,在django里得到并输出
然后django返回给js接收成功的信号
大功告成!!