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 相关文章推荐
Python中用于去除空格的三个函数的使用小结
Apr 07 Python
Python操作MySQL数据库9个实用实例
Dec 11 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
Sep 08 Python
python密码错误三次锁定(实例讲解)
Nov 14 Python
zookeeper python接口实例详解
Jan 18 Python
Python浅复制中对象生存周期实例分析
Apr 02 Python
python 利用栈和队列模拟递归的过程
May 29 Python
python获取指定字符串中重复模式最高的字符串方法
Jun 29 Python
Python清空文件并替换内容的实例
Oct 22 Python
PyQt5 加载图片和文本文件的实例
Jun 14 Python
Python 3 使用Pillow生成漂亮的分形树图片
Dec 24 Python
Keras - GPU ID 和显存占用设定步骤
Jun 22 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小程序自动提交到自助友情连接
2009/11/24 PHP
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
基于php下载文件的详解
2013/06/02 PHP
php不用正则验证真假身份证
2013/11/06 PHP
Symfony2框架创建项目与模板设置实例详解
2016/03/17 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
子窗体与父窗体传值示例js代码
2013/08/01 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
基于Bootstrap的网页设计实例
2017/03/01 Javascript
详解Vue组件实现tips的总结
2017/11/01 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
[54:10]完美世界DOTA2联赛PWL S2 Magma vs FTD 第二场 11.29
2020/12/03 DOTA
pandas去重复行并分类汇总的实现方法
2019/01/29 Python
Python自动化运维之Ansible定义主机与组规则操作详解
2019/06/13 Python
python多线程共享变量的使用和效率方法
2019/07/16 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
解决Keras中CNN输入维度报错问题
2020/06/29 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
Python之Sklearn使用入门教程
2021/02/19 Python
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
英国文具、办公用品和科技商店:Ryman
2018/09/27 全球购物
工商管理专业职业生涯规划
2014/01/01 职场文书
邮政员工辞职信
2014/01/16 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
安全生产标语
2014/06/06 职场文书
员工2014年度工作总结
2014/12/09 职场文书
Python基础知识之变量的详解
2021/04/14 Python