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分割文件的常用方法
Nov 01 Python
Python实现通过文件路径获取文件hash值的方法
Apr 29 Python
Python通过调用mysql存储过程实现更新数据功能示例
Apr 03 Python
Flask框架各种常见装饰器示例
Jul 17 Python
python实现合并两个排序的链表
Mar 03 Python
selenium处理元素定位点击无效问题
Jun 12 Python
Python实现蒙特卡洛算法小实验过程详解
Jul 12 Python
详解用Python为直方图绘制拟合曲线的两种方法
Aug 21 Python
基于nexus3配置Python仓库过程详解
Jun 15 Python
opencv 图像滤波(均值,方框,高斯,中值)
Jul 08 Python
用python实现学生管理系统
Jul 24 Python
PyQt5的QWebEngineView使用示例
Oct 20 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
Thinkphp中的volist标签用法简介
2014/06/18 PHP
php生成随机数的三种方法
2014/09/10 PHP
php中count获取多维数组长度的方法
2014/11/03 PHP
PHP数组与对象之间使用递归实现转换的方法
2015/06/24 PHP
Laravel事件监听器用法实例分析
2019/03/12 PHP
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
基于JS实现数字动态变化显示效果附源码
2019/07/18 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
用python写asp详细讲解
2013/12/16 Python
跟老齐学Python之开始真正编程
2014/09/12 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
python读文件的步骤
2019/10/08 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
工作的心得体会
2013/12/31 职场文书
会计毕业自我鉴定
2014/02/05 职场文书
文员岗位职责范本
2014/03/08 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
学校食堂标语
2014/10/06 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
团组织关系介绍信
2019/06/24 职场文书
Python 内置函数速查表一览
2021/06/02 Python
MySQL系列之十三 MySQL的复制
2021/07/02 MySQL
python神经网络 使用Keras构建RNN训练
2022/05/04 Python