Django中的ajax请求
作者:回忆不说话 发布时间:2022-10-19 10:28:14
标签:django,ajax
需求:实现ajax请求,在界面上任意地方点击,可以成功传参。
创建项目如下所示:
settings.py文件的设置,这次我们除了要注册app和设置templates文件夹的路径,还要多设置一下static的路径,代码如下:
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'static')
]
首先,先对界面做处理,设置高为100%,然后引入我们所需要的文件static代码如下:
然后我们根据需求,创建一个点击事件,实现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)
]
进入页面之后,在body范围内随意点击,就可以得到这个ajax请求返回的数据。
来源:https://blog.csdn.net/qq_39138295/article/details/82669563


猜你喜欢
- 一、背景分析对想要在视觉化环境下制作复杂网页的专业网页制作者来说,Dreamweaver已经渐渐在网页编辑工具中展露头角,成为专业人士编写网
- 漂亮的代码是漂亮网站的基础,优秀的 CSS 只存在与同样优秀的 HTML 之上,干净的,语义的 HTML 代码让一个网站更健壮。本文讲述了1
- 在操作DataFrame时,肯定会经常用到loc,iloc,at等函数,各个函数看起来差不多,但是还是有很多区别的,我们一起来看下吧。首先,
- 一、前情提要相信来看这篇深造爬虫文章的同学,大部分已经对爬虫有不错的了解了,也在之前已经写过不少爬虫了,但我猜爬取的数据量都较小,因此没有过
- 共4个页面:form.asp; chk.asp; num.asp; count.asp,得到一个随即数字。加密解密后成成XBM图片,利用 s
- 本文实例为大家分享了python实现网络五子棋的具体代码,供大家参考,具体内容如下服务器端:import osimport socketim
- 简介mplcursors包也可以为matplotlib提供交互式的数据光标(弹出式注释框),它的灵感来源于mpldatacursor包,可以
- 本文实例讲述了JS Object.preventExtensions(),Object.seal()与Object.freeze()用法。分
- 基于spring boot开发的微服务应用,与MyBatis如何集成?集成方法可行的方法有:1.基于XML或者Java Config,构建必
- python redis连接 有序集合去重的代码如下所述:# -*- coding: utf-8 -*- import redisfrom
- 递归函数及递归次数受到限制一个函数在内部调用自己,那么这个函数是递归函数。递归会反复使用本身,每递归一次,越接近最终的值。当一个问题可以由许
- 摘要:在python的使用过程中,难免会遇到要移除列表中对象的要求。这时可以使用remove函数。对于python中的remove()函数,
- Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件Postman背景介绍用户在开发或者调试网络程序或者是网页B/
- 前言我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了,通常我们的请求地址是以localhost:8080来
- 部署环境:安装版本red hat Cent 7.0MYSQL 版本 8.0.2.0成功部署完毕后出现故障情况:1. &
- 今天 Python3.8 发布啦,它是 Python2 终结前最后一个大版本,我们一起看看这个版本都添加了那些新功能和特性。PEP 572:
- html5带给我们的不仅仅是更多语义丰富的标签,还有更多更牛逼的特性,比如“离线存储”。 对于台式电脑来说,或者它并没有带来什么惊喜,但是对
- 一、导入excel文件和相关库import pandas;import matplotlib;from pandas.tools.plott
- 前言go mod tidy的作用是把项目所需要的依赖添加到go.mod,并删除go.mod中,没有被项目使用的依赖。Tidy makes s
- 1.MySQL中并发和隔离控制机制Meta-data元数据锁:在table cache缓存里实现的,为DDL(Data Definition