Django中的ajax请求


Posted in Python onOctober 19, 2018

需求:实现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请求返回的数据。

总结

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

Python 相关文章推荐
Python3基础之条件与循环控制实例解析
Aug 13 Python
python实现斐波那契递归函数的方法
Sep 08 Python
python matplotlib中文显示参数设置解析
Dec 15 Python
django2 快速安装指南分享
Jan 05 Python
Python实现的根据IP地址计算子网掩码位数功能示例
May 23 Python
对python中两种列表元素去重函数性能的比较方法
Jun 29 Python
使用 Python 实现简单的 switch/case 语句的方法
Sep 17 Python
win10下安装Anaconda的教程(python环境+jupyter_notebook)
Oct 23 Python
python__name__原理及用法详解
Nov 02 Python
利用Pytorch实现简单的线性回归算法
Jan 15 Python
Transpose 数组行列转置的限制方式
Feb 11 Python
Python自动化测试基础必备知识点总结
Feb 07 Python
Tesserocr库的正确安装方式
Oct 19 #Python
Python中Proxypool库的安装与配置
Oct 19 #Python
在cmder下安装ipython以及环境的搭建
Oct 19 #Python
破解安装Pycharm的方法
Oct 19 #Python
使用Selenium破解新浪微博的四宫格验证码
Oct 19 #Python
Selenium的使用详解
Oct 19 #Python
Python爬取成语接龙类网站
Oct 19 #Python
You might like
PHP迭代器的内部执行过程详解
2013/11/12 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
PDO::prepare讲解
2019/01/29 PHP
laravel 实现登陆后返回登陆前的页面方法
2019/10/03 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
学习ExtJS accordion布局
2009/10/08 Javascript
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
jQuery实现自定义事件的方法
2015/04/17 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
2015/12/04 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
原生javascript实现addClass,removeClass,hasClass函数
2016/02/25 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
Vue页面骨架屏的实现方法
2018/05/22 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
Vuejs通过拖动改变元素宽度实现自适应
2020/09/02 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
一个精品风格的世界:Atterley
2019/05/01 全球购物
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
校园活动宣传方案
2014/03/28 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
银行竞聘报告范文
2014/11/06 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
婚宴新郎致辞
2015/07/28 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
护士心得体会范文
2016/01/25 职场文书
《卧薪尝胆》读后感3篇
2019/12/26 职场文书