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 相关文章推荐
介绍Python中几个常用的类方法
Apr 08 Python
用Python脚本来删除指定容量以上的文件的教程
May 04 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
May 25 Python
python 随机数使用方法,推导以及字符串,双色球小程序实例
Sep 12 Python
Python基础练习之用户登录实现代码分享
Nov 08 Python
Python爬取数据并写入MySQL数据库的实例
Jun 21 Python
基于Python中求和函数sum的用法详解
Jun 28 Python
Python Pywavelet 小波阈值实例
Jan 09 Python
浅谈Python 多进程默认不能共享全局变量的问题
Jan 11 Python
通过实例了解python property属性
Nov 01 Python
python获取本周、上周、本月、上月及本季的时间代码实例
Sep 08 Python
django使用多个数据库的方法实例
Mar 04 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之sprintf函数用法详解
2014/11/12 PHP
PDO防注入原理分析以及注意事项
2015/02/25 PHP
利用PHP生成静态html页面的原理
2016/09/30 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
dwz 如何去掉ajaxloading具体代码
2013/05/22 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
详解vue 2.6 中 slot 的新用法
2019/07/09 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
python根据经纬度计算距离示例
2014/02/16 Python
Python随机生成数模块random使用实例
2015/04/13 Python
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
俄罗斯马克西多姆家居用品网上商店:Максидом
2020/02/06 全球购物
高级Java程序员面试要点
2013/08/02 面试题
服装销售人员求职自我评价
2013/09/26 职场文书
《穷人》教学反思
2014/04/08 职场文书
节能减排倡议书
2014/04/15 职场文书
家长通知书教师评语
2014/04/17 职场文书
社区学习雷锋活动总结
2014/04/25 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
转让协议书
2015/01/27 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
Python测试框架pytest高阶用法全面详解
2022/06/01 Python