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 相关文章推荐
wxPython窗口的继承机制实例分析
Sep 28 Python
Python设计模式编程中Adapter适配器模式的使用实例
Mar 02 Python
将字典转换为DataFrame并进行频次统计的方法
Apr 08 Python
Numpy 改变数组维度的几种方法小结
Aug 02 Python
python实现从pdf文件中提取文本,并自动翻译的方法
Nov 28 Python
python opencv读mp4视频的实例
Dec 07 Python
python多线程并发及测试框架案例
Oct 15 Python
python requests抓取one推送文字和图片代码实例
Nov 04 Python
Python3操作YAML文件格式方法解析
Apr 10 Python
Android Q之气泡弹窗的实现示例
Jun 23 Python
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
Apr 14 Python
使用Django框架创建项目
Jun 10 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
ecshop实现smtp发送邮件
2015/02/03 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
用PHP做了一个领取优惠券活动的示例代码
2019/07/05 PHP
设定php简写功能的方法
2019/11/28 PHP
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
jquery操作select option 的代码小结
2011/06/21 Javascript
JSON与XML优缺点对比分析
2015/07/17 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
微信小程序全局变量功能与用法详解
2019/01/22 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
Python程序设计入门(1)基本语法简介
2014/06/13 Python
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
常见的python正则用法实例讲解
2016/06/21 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
如何利用Python模拟GitHub登录详解
2019/07/15 Python
python3.7实现云之讯、聚合短信平台的短信发送功能
2019/09/26 Python
在vscode中配置python环境过程解析
2019/09/28 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
python爬虫scrapy框架的梨视频案例解析
2021/02/20 Python
英国皇家邮政海外旗舰店:Royal Mail
2018/02/21 全球购物
社区优秀志愿者材料
2014/02/02 职场文书
新农村建设汇报材料
2014/08/15 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
共青团员自我评价
2015/03/10 职场文书
储备店长岗位职责
2015/04/14 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
商业计划书范文
2019/04/24 职场文书
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
英镑符号 £
2022/02/17 杂记