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 相关文章推荐
精确查找PHP WEBSHELL木马的方法(1)
Apr 12 Python
Python利用pandas计算多个CSV文件数据值的实例
Apr 19 Python
pygame游戏之旅 添加icon和bgm音效的方法
Nov 21 Python
Python字典的核心底层原理讲解
Jan 24 Python
Pycharm 字体大小调整设置的方法实现
Sep 27 Python
pytorch 实现在预训练模型的 input上增减通道
Jan 06 Python
python isinstance函数用法详解
Feb 13 Python
解决python DataFrame 打印结果不换行问题
Apr 09 Python
python库skimage给灰度图像染色的方法示例
Apr 27 Python
在keras下实现多个模型的融合方式
May 23 Python
pycharm设置默认的UTF-8编码模式的方法详解
Jun 01 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
Sep 25 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 sprintf()函数用例解析
2011/05/18 PHP
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
2017/05/10 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
Python爬取网页中的图片(搜狗图片)详解
2017/03/23 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
使用Python快速制作可视化报表的方法
2019/02/03 Python
妙用itchat! python实现久坐提醒功能
2019/11/25 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
python help函数实例用法
2020/12/06 Python
CSS3模拟动画下拉菜单效果
2017/04/12 HTML / CSS
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
凯特方迪化妆品官网:Kat Von D Beauty
2016/11/15 全球购物
师范毕业生求职自荐信
2013/09/25 职场文书
会计电算化专业自荐信
2014/03/15 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
应届生找工作求职信
2014/06/24 职场文书
2014年班长个人工作总结
2014/11/14 职场文书
创卫工作总结2015
2015/04/22 职场文书
战友聚会致辞
2015/07/28 职场文书
总经理聘用协议书
2015/09/21 职场文书
保险公司增员口号
2015/12/25 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS
goland设置颜色和字体的操作
2021/05/05 Golang