欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Django中的ajax请求

程序员文章站 2022-05-23 17:58:42
需求:实现ajax请求,在界面上任意地方点击,可以成功传参。 创建项目如下所示: settings.py文件的设置,这次我们除了要注册app和设置templates...

需求:实现ajax请求,在界面上任意地方点击,可以成功传参。

创建项目如下所示:

Django中的ajax请求

settings.py文件的设置,这次我们除了要注册app和设置templates文件夹的路径,还要多设置一下static的路径,代码如下:

staticfiles_dirs = [
  os.path.join(base_dir,'static')
]

首先,先对界面做处理,设置高为100%,然后引入我们所需要的文件static代码如下:

Django中的ajax请求

然后我们根据需求,创建一个点击事件,实现ajax请求,代码如下:

Django中的ajax请求

最后我们在视图文件中判断是否为ajax请求,代码如下:

from django.shortcuts import render
from django.http import httpresponse,jsonresponse
# create your views here.
def home(request):
  return render(request,'index.html')
def ajax_get(request):
  # 判断当前请求方式是否为ajax
  if request.is_ajax():
    city = request.get.get('city')
    print(city)
    return jsonresponse({'content':"这是ajax请求"})
    # return render(request,'index.html',{'content':'这是ajax请求'})
  else:
    return jsonresponse({'content':"这是假的ajax请求"})
    # return render(request, 'index.html', {'content': '这是假的ajax请求'})

启动服务器,刷新页面。

urls.py文件中代码设置如下:

from django.contrib import admin
from django.urls import path
from myapp import views
urlpatterns = [
  path('admin/', admin.site.urls),
  path('home/',views.home),
  path('ajax_get/',views.ajax_get)
]

Django中的ajax请求

进入页面之后,在body范围内随意点击,就可以得到这个ajax请求返回的数据。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接