Django处理Ajax发送的Get请求代码详解


Posted in Python onJuly 29, 2019

Django处理Ajax发送的Get请求实例,Ajax优点在一是异步请求,无需等待响应就可以再次发起请求,而是局部刷新,避免整个页面刷新的网页闪动。

打开命令行窗口,输入命令,创建django工程:

django-admin startproject djajaxget

cd djajaxget

python manage.py startapp demo

Django处理Ajax发送的Get请求代码详解

使用PyCharm打开上一步创建的工程,在工程同名文件夹的settings.py文件,修改部分代码,注册应用,配置模板路径、静态文件路径,修改部分的settings.py内容如下:

INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'demo.apps.DemoConfig'
]
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')]
TEMPLATES = [
  {
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': [os.path.join('templates')],
    'APP_DIRS': True,
    'OPTIONS': {
      'context_processors': [
        'django.template.context_processors.debug',
        'django.template.context_processors.request',
        'django.contrib.auth.context_processors.auth',
        'django.contrib.messages.context_processors.messages',
      ],
    },
  },
]

Django处理Ajax发送的Get请求代码详解

在工程根目录新建tempaltes文件夹,并在文件夹内新建‘test.html'文件,代码如下:

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript" src="/static/js/jquery-1.9.1.min.js"></script>
  <script>
  $(document).ready(function(){
    $("#btn").click(function(){
      $.ajax({
        url:"/demo/",
        type:"GET",
        data:{
          "var1": $("#div").text()
        },
        success:function(resdata){
          $("#div").text(resdata)
        }
      })
    })
  })
  </script>
</head>
<body>
  <button id="btn" value="hh">点我发送ajax请求</button>
  <div id="div">hello</div>
</body>
</html>

Django处理Ajax发送的Get请求代码详解

在工程根目录创建static文件夹,并在文件夹内新建js文件夹,在文件夹内放入

jquery脚本

Django处理Ajax发送的Get请求代码详解

在工程的同名文件夹的urls.py文件,添加到应用视图的路由,代码如下:

from django.conf.urls import url,include
from django.contrib import admin
from demo import views
urlpatterns = [
  url(r'^admin/', admin.site.urls),
  url(r'test/',views.test),
  url(r'demo/',views.demo),
]

Django处理Ajax发送的Get请求代码详解

在应用的views.py编写两个视图函数,代码如下:

from django.shortcuts import render,HttpResponse

# Create your views here.
def test(request):
  return render(request,'test.html')

def demo(request):
  s = request.GET.get('var1')
  s +='world'
  return HttpResponse(s)

Django处理Ajax发送的Get请求代码详解

运行服务器

python manage.py runserver

打开网页,效果如下图

Django处理Ajax发送的Get请求代码详解

点击按钮后,效果如下图,Ajax请求成功返回了数据

Django处理Ajax发送的Get请求代码详解

以上就是关于本次Django处理Ajax发送的Get请求实例内容,感谢大家的阅读和对三水点靠木的支持。

Python 相关文章推荐
pycharm 使用心得(五)断点调试
Jun 06 Python
用Python的Django框架来制作一个RSS阅读器
Jul 22 Python
python使用pymysql实现操作mysql
Sep 13 Python
Python之多线程爬虫抓取网页图片的示例代码
Jan 10 Python
selenium+python实现自动登录脚本
Apr 22 Python
Python运维之获取系统CPU信息的实现方法
Jun 11 Python
Python使用random模块生成随机数操作实例详解
Sep 17 Python
使用Python和百度语音识别生成视频字幕的实现
Apr 09 Python
为什么相对PHP黑python的更少
Jun 21 Python
Python logging模块原理解析及应用
Aug 13 Python
Django cookie和session的应用场景及如何使用
Apr 29 Python
pyqt5蒙版遮罩mask,setmask的使用
Jun 11 Python
Django框架视图函数设计示例
Jul 29 #Python
python内存监控工具memory_profiler和guppy的用法详解
Jul 29 #Python
Python 硬币兑换问题
Jul 29 #Python
django中使用Celery 布式任务队列过程详解
Jul 29 #Python
详解python中自定义超时异常的几种方法
Jul 29 #Python
Python 离线工作环境搭建的方法步骤
Jul 29 #Python
如何通过python的fabric包完成代码上传部署
Jul 29 #Python
You might like
用PHP 4.2书写安全的脚本
2006/10/09 PHP
PHP网站基础优化方法小结
2008/09/29 PHP
php实现随机显示图片方法汇总
2015/05/21 PHP
php命令行(cli)模式下报require 加载路径错误的解决方法
2015/11/23 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
2017/07/05 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
微信小程序 授权登录详解(附完整源码)
2019/08/23 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
Python时间获取及转换知识汇总
2017/01/11 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
pandas分别写入excel的不同sheet方法
2018/12/11 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
python实现扫雷游戏的示例
2020/10/20 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
国外软件测试工程师面试题
2016/12/09 面试题
年终晚会主持词
2014/03/25 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
中学学校门卫岗位职责
2014/08/15 职场文书
企业公益活动策划方案
2014/08/24 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
css布局巧妙技巧之css三角示例的运用
2022/03/16 HTML / CSS