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中使用pyhook实现键盘监控的例子
Jul 18 Python
python使用socket进行简单网络连接的方法
Apr 29 Python
浅析python中SQLAlchemy排序的一个坑
Feb 24 Python
python中将字典形式的数据循环插入Excel
Jan 16 Python
python实现百度语音识别api
Apr 10 Python
Python利用递归实现文件的复制方法
Oct 27 Python
Python多进程写入同一文件的方法
Jan 14 Python
django使用F方法更新一个对象多个对象字段的实现
Mar 28 Python
Python3爬虫关于识别检验滑动验证码的实例
Jul 30 Python
python进行二次方程式计算的实例讲解
Dec 06 Python
用python对excel查重
Dec 07 Python
用Python 执行cmd命令
Dec 18 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中curl_multi的应用
2013/07/17 PHP
php给一组指定关键词添加span标签的方法
2015/03/31 PHP
wordpress自定义标签云与随机获取标签的方法详解
2019/03/22 PHP
用js计算页面执行时间的函数
2006/12/07 Javascript
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
Javascript对象字面量的理解
2016/06/22 Javascript
JavaScript中最常用的10种代码简写技巧总结
2017/06/28 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
vue data变量相互赋值后被实时同步的解决步骤
2020/08/05 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
python实现中文转换url编码的方法
2016/06/14 Python
python书籍信息爬虫实例
2018/03/19 Python
Flask框架配置与调试操作示例
2018/07/23 Python
基于python实现名片管理系统
2018/11/30 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
Python使用monkey.patch_all()解决协程阻塞问题
2020/04/15 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
日语翻译个人求职的自我评价
2013/10/14 职场文书
幼儿园教师奖惩制度
2014/02/01 职场文书
企业出纳岗位职责
2014/03/12 职场文书
评先进个人材料
2014/12/29 职场文书
加薪通知
2015/04/25 职场文书
交通事故协议书范本
2016/03/19 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
服务器间如何实现文件共享
2022/05/20 Servers