后端django与js进行get请求

由于项目需要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接收成功的信号
在这里插入图片描述

大功告成!!

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值