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批量提取word内信息
Aug 09 Python
python实现简单socket通信的方法
Apr 19 Python
常见的python正则用法实例讲解
Jun 21 Python
Django模板变量如何传递给外部js调用的方法小结
Jul 24 Python
Python 查找list中的某个元素的所有的下标方法
Jun 27 Python
django删除表重建的实现方法
Aug 28 Python
Python3 实现减少可调用对象的参数个数
Dec 20 Python
Flask 上传自定义头像的实例详解
Jan 09 Python
Python图像处理库PIL的ImageGrab模块介绍详解
Feb 26 Python
Pytorch对Himmelblau函数的优化详解
Feb 29 Python
python语言实现贪吃蛇游戏
Nov 13 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中利用post传递字符串重定向的实现代码
2011/04/21 PHP
PHP7 新增常量
2021/03/09 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
jquery isType() 类型判断代码
2011/02/14 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
Javascript 绘制 sin 曲线过程附图
2014/08/21 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
Python简单进程锁代码实例
2015/04/27 Python
python snownlp情感分析简易demo(分享)
2017/06/04 Python
Python决策树分类算法学习
2017/12/22 Python
python 将md5转为16字节的方法
2018/05/29 Python
解决python selenium3启动不了firefox的问题
2018/10/13 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
django 多对多表的创建和插入代码实现
2019/09/09 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
Python3连接Mysql8.0遇到的问题及处理步骤
2020/02/17 Python
STP的判定过程
2012/10/01 面试题
工商管理毕业生推荐信
2013/12/24 职场文书
环保倡议书范文
2014/05/12 职场文书
投标承诺书怎么写
2014/05/24 职场文书
2015年公务员个人工作总结
2015/04/24 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
创业计划书之电动车企业
2019/10/11 职场文书
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL
Mysql 文件配置解析介绍
2022/05/06 MySQL