脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 脚本专栏 → python → Django处理Ajax发送的Get请求实例

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

 更新时间：2019年07月29日 10:34:42   作者：卡和我  
在本篇文章里小编给大家整理了关于Django处理Ajax发送的Get请求代码知识点，有需要的朋友们参考学习下。

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

打开命令行窗口，输入命令，创建django工程：

django-admin startproject djajaxget

cd djajaxget

python manage.py startapp demo

使用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',
      ],
    },
  },
]

在工程根目录新建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>

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

jquery脚本

在工程的同名文件夹的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),
]

在应用的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)

运行服务器

python manage.py runserver

打开网页，效果如下图

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

以上就是关于本次Django处理Ajax发送的Get请求实例内容，感谢大家的阅读和对脚本之家的支持。

您可能感兴趣的文章:

相关文章

  • Python标准库sys库常用功能详解

    Python标准库sys库常用功能详解

    这篇文章主要介绍了Python标准库sys库常用功能详解，sys是Python提供的程序与解释器交互的标准库，文章围绕主题展开相关介绍，需要的朋友可以参考一下
    2022-07-07
  • python ES连接服务器的方法详解

    python ES连接服务器的方法详解

    使用Python连接Elasticsearch服务器进行数据搜索和分析是一项常见操作,本文详细介绍了如何使用elasticsearch-py客户端库连接到Elasticsearch服务器,并执行创建索引、添加文档及搜索等基本操作
    2024-10-10
  • Django框架使用mysql视图操作示例

    Django框架使用mysql视图操作示例

    这篇文章主要介绍了Django框架使用mysql视图操作,结合实例形式分析了mysql视图的创建、查看以及Django框架使用mysql视图相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • opencv之颜色过滤只留下图片中的红色区域操作

    opencv之颜色过滤只留下图片中的红色区域操作

    这篇文章主要介绍了opencv之颜色过滤只留下图片中的红色区域操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-06-06
  • Python OpenCV 直方图的计算与显示的方法示例

    Python OpenCV 直方图的计算与显示的方法示例

    这篇文章主要介绍了Python OpenCV 直方图的计算与显示的方法示例，主要介绍用NumPy和Matplotlib计算和绘制直方图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-02-02
  • OpenCV中resize函数插值算法的实现过程(五种)

    OpenCV中resize函数插值算法的实现过程(五种)

    最新版OpenCV2.4.7中，cv::resize函数有五种插值算法：最近邻、双线性、双三次、基于像素区域关系、兰索斯插值。感兴趣的可以了解一下
    2021-06-06
  • QML使用Python的函数过程解析

    QML使用Python的函数过程解析

    这篇文章主要介绍了QML使用Python的函数过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • vue学习笔记之动态组件和v-once指令简单示例

    vue学习笔记之动态组件和v-once指令简单示例

    这篇文章主要介绍了vue学习笔记之动态组件和v-once指令,结合简单实例形式详细分析了vue.js动态组建点击切换相关操作技巧,需要的朋友可以参考下
    2020-02-02
  • 10分钟教你用Python实现微信自动回复功能

    10分钟教你用Python实现微信自动回复功能

    今天，我们就来用Python实现微信的自动回复功能吧，并且把接收到的消息统一发送到文件助手里面，方便统一查看。感兴趣的朋友跟随小编一起看看吧
    2018-11-11
  • Python根据输入参数计算结果的实例方法

    Python根据输入参数计算结果的实例方法

    在本篇文章里小编个大家整理了一篇关于Python根据输入参数计算结果的实例方法，有兴趣的朋友们可以跟着学习参考下。
    2021-08-08

最新评论