在网页访问中通过HTTP协议中的get/post文件发送数据或请求。在浏览器中输入url后，浏览器就会帮助我们完成请求的发送和返回，并刷新更新界面。但是，如果我们不想更新界面，仅仅是发送一个get/post文件数据（请求）传给服务器，然后获取服务器返回的response文件，这时就可以用ajax技术实现。

实现ajax的方法：1）采用原生的javascript发送，比较麻烦；2）使用jquery封装好了ajax方法

views.py视图函数，编写逻辑代码

 from django.shortcuts import render

 from django.http import HttpResponse

 import json

 # Create your views here.

 # def index(request):

 #     lists = ['a', 'b', 'c']

 #     dicts = {'a': 'apple', 'b': 'banana'}

 #

 #     return render(request, 'home.html', {

 #         'lists': json.dumps(lists),

 #         'dicts': json.dumps(dicts),

 #     })

 def index(request):

     return render(request, 'home.html')

 def add(request):

     a = request.GET['a']

     b = request.GET['b']

     c = int(a)+int(b)

     return HttpResponse(str(c))

 # def add(request):

 #     a = request.GET['a']

 #     b = request.GET['b']

 #     c = int(a)+int(b)

 #     return_json = {"result": c}

 #     return HttpResponse(json.dumps(return_json), content_type='application/json')

home.html访问页面

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <form action="/add/" method="get">

         a:<input type="text" name="a" id="a"><br>

         b:<input type="text" name="b" id="b"><br>

         <p>result:<span id="result"></span></p>

         <button type="button" id="sum">Calc</button>

     </form>

     <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>

     <script>

         $(document).ready(function () {

            $("#sum").click(function () {

                var a = $('#a').val();

                var b = $('#b').val();

                $.get("/add/", {'a':a, 'b':b}, function (ret) {

                    $("#result").html(ret)

                })

            });

         });

     </script>

 </body>

 </html>

urls.py进行地址映射

 """my_query URL Configuration

 The `urlpatterns` list routes URLs to views. For more information please see:

     https://docs.djangoproject.com/en/dev/topics/http/urls/

 Examples:

 Function views

     1. Add an import:  from my_app import views

     2. Add a URL to urlpatterns:  path('', views.home, name='home')

 Class-based views

     1. Add an import:  from other_app.views import Home

     2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')

 Including another URLconf

     1. Import the include() function: from django.urls import include, path

     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))

 """

 from django.contrib import admin

 from django.urls import path

 from blog import views

 urlpatterns = [

     path('admin/', admin.site.urls),

     path('index/', views.index),

     path('add/', views.add),

 ]

参考：http://blog.csdn.net/autoliuweijie/article/details/50291357

采用jquery同django实现ajax通信的更多相关文章

  1. vue和jQuery嵌套实现异步ajax通信

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  2. Django如何与ajax通信

    示例一 文件结构 假设你已经创建好了一个Django项目和一个App,部分结构如下: mysite myapp |___views.py |___models.py |___forms.py |___ ...

  3. Django之ajax(jquery)封装（包含 将 csrftoken 写入请求头方法）

    由于支持问题,未使用 es6 语法 _ajax.js /** * 发起请求 * @param url 请求地址 * @param data 请求数据 { } json格式 * @param type ...

  4. Django 之Ajax&Json&CORS&同源策略&Jsonp用法

    什么是Json 定义: JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集 ...

  5. Django与 Ajax

    什么是json? 定义: JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子 ...

  6. Django 之Ajax

    必备知识:json 什么是json 定义 JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式. 它基于 ECMAScript (w3c制定的 ...

  7. 关于试用jquery的jsonp实现ajax跨域请求数据的问题

    我们在开发过程中遇到要获取另一个系统数据时,就造成跨域问题,这就是下文要说的解决办法: 先我们熟悉下json和jsonp的区别: 使用AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交 ...

  8. Comet 反Ajax: jQuery与PHP实现Ajax长轮询

    原文地址(http://justcode.ikeepstudying.com/2016/08/comet-%E5%8F%8Dajax-%E5%9F%BA%E4%BA%8Ejquery%E4%B8%8E ...

  9. 采用指数退避算法实现ajax请求的重发，全部完成时触发回调函数

    目录: 0.Chrome扩展开发(Gmail附件管理助手)系列之〇——概述 1.Chrome扩展开发之一——Chrome扩展的文件结构 2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制 ...

随机推荐

  1. 使用Xcode自带的单元测试

    今年苹果推出的iOS8和Swift的新功能让人兴奋.同时,苹果对于Xcode的测试工具的改进却也会影响深远.现在我们来看下XCTest,Xcode内置的测试框架.以及,Xcode6新增的XCTestE ...

  2. N76E003系统时钟

    系统时钟源N76E003共有3种系统时钟源,包括: 内部高速/低速振荡器.外部输入时钟.它们每一个都可以作为N76E003的系统时钟源.开启不同的时钟源可能会影响到多功能引脚P3.0/XIN .内部振 ...

  3. javascript的实现事件的一些实例

    嘿嘿,今天学习到了事件,其实在C#中事件只需要我们触发即可实现,但是在javascript并不是这样的,在这里,事件是javascript与html的交互,就是文档或者浏览器窗口发生的一件特定的交互瞬 ...

  4. JavaScript 简介--对javascript的初识，最基础的了解

    一.javascript的介绍 JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器.面向(基于)对象.事件驱动式的网页脚本语言.JavaScript语言的前身叫作Livesc ...

  5. Delphi应用程序的调试（十）调试器选项

    可在两个级别上设置调试选项:工程级和环境级.在前面的讲解中讲解了工程级调试选项,通过主菜单[Project | Options…]打开如下对话框: 可在Debugger Options对话框中设置全局 ...

  6. 【Mybatis】Mybatis基本构成

    SqlSessionFactoryBuilder(构造器):它会根据配置信息或者代码来生成SqlSessionFactory(工厂接口) SqlSessionFactory:依靠工厂来生成SqlSes ...

  7. 给Repeater控件里添加序号的5种方法

    Repeater是我们经常用的一个显示数据集的数据控件,经常我们希望在数据前显示数据的序号,那么我们该怎么为Repeater控件添加序号呢?下面编辑为大家介绍几种常用的为Repeater控件添加序号的 ...

  8. CSS3 渐变效果

    CSS3 渐变效果 background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */ background-im ...

  9. LeetCode 24 Swap Nodes in Pairs （交换相邻节点）

    题目链接: https://leetcode.com/problems/swap-nodes-in-pairs/?tab=Description   Problem: 交换相邻的两个节点     如上 ...

  10. 利用Jenkins未授权获取服务器权限--Docker还来干扰--一次渗透的经历

    Jenkins获取权限的过程 Jenkins存在未授权访问漏洞 Jenkins存在未授权访问漏洞,且项目具有读取权限,通过项目的日志获取到一个账号密码,尝试登录成功,打开控制台成功. 备注:控制台一般 ...