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 相关文章推荐
在GitHub Pages上使用Pelican搭建博客的教程
Apr 25 Python
Python绘制3D图形
May 03 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
Oct 21 Python
Python3匿名函数lambda介绍与使用示例
May 18 Python
python制作简单五子棋游戏
Jun 18 Python
pycharm修改file type方式
Nov 19 Python
Python 静态方法和类方法实例分析
Nov 21 Python
Python之Django自动实现html代码(下拉框,数据选择)
Mar 13 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
Nov 18 Python
python 基于opencv 绘制图像轮廓
Dec 11 Python
python 高阶函数简单介绍
Feb 19 Python
详解Python为什么不用设计模式
Jun 24 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 HtmlReplace输入过滤安全函数
2010/07/03 PHP
cakephp打印sql语句的方法
2015/02/13 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
php 基础函数
2017/02/10 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
javascript读取xml
2006/11/04 Javascript
jQuery 加上最后自己的验证
2009/11/04 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
ext前台接收action传过来的json数据示例
2014/06/17 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
vue中如何去掉空格的方法实现
2018/11/09 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
vue 出现data-v-xxx的原因及解决
2020/08/04 Javascript
python查询mysql中文乱码问题
2014/11/09 Python
Python抽象类的新写法
2015/06/18 Python
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
python3.6生成器yield用法实例分析
2019/08/23 Python
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
Yahoo-PHP面试题1
2016/07/20 面试题
外贸公司实习自我鉴定
2013/09/24 职场文书
经销商会议欢迎词
2014/01/11 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
酒店前台辞职书
2015/02/26 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
停车场管理制度范本
2015/08/05 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers