Ajax

  • AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
  • AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
  • AJAX 是一种用于创建快速动态网页的技术。
  • 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
  • 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

目前最常用的就是通过jquery来使用ajax，jquery封装了ajax;

views：

from django.shortcuts import render,HttpResponse,render_to_response

# Create your views here.

def ajax(request):

    if request.method == 'POST':

        print request.POST

        return HttpResponse('ok')

    else:

        return render_to_response('app04/ajax.html')

ajax.html:

</head>

<body>

            <input id="name" type="text"/>

            <input type="button" value="点击执行ajax" onclick="doajax()"/>

            <script src="/static/jquery/jquery-3.2.1.js"></script>

            <script type="text/javascript">

                    function doajax() {

                        var temp = $('#name').val();/*获取id等于name的值*/

                        $.ajax({

                            url: '/app04/ajax/',/*请求要发给的URL*/

                            type:'POST',

                            data:{dat:temp},/*要传递的数据*/

                            success:function (arg) {/*这个arg的值就是后台返回的值，ok*/

                                console.log(arg);

                                console.log('success');

                            },

                            error:function () {

                                console.log('failed');

                            },

                        });

                    }

            </script>

</body>

将后台返回的字典给前台并输出：

views：

from django.shortcuts import render,HttpResponse,render_to_response

import json

# Create your views here.

def ajax(request):

    if request.method == 'POST':

        print request.POST

        data = {'status':0,'msg':'请求成功','data':[11,22,33,44,55]}

        return HttpResponse(json.dumps(data))#将字典生成一个字符串，此时返回的就是字符串

    else:

        return render_to_response('app04/ajax.html')

ajax.html

<body>

            <input id="name" type="text"/>

            <input type="button" value="点击执行ajax" onclick="doajax()"/>

            <script src="/static/jquery/jquery-3.2.1.js"></script>

            <script type="text/javascript">

                    function doajax() {

                        var temp = $('#name').val();/*获取id等于name的值*/

                        $.ajax({

                            url: '/app04/ajax/',/*请求要发给的URL*/

                            type:'POST',

                            data:{dat:temp},/*要传递的数据*/

                            success:function (arg) {/*这个arg的值就是后台返回的值，ok*/

                                var obj = jQuery.parseJSON(arg)

                                console.log(obj.status);

                                console.log(obj.data);

                                console.log(obj.msg);

                                console.log('success');

                                $('#name').val(obj.msg)

                            },

                            error:function () {

                                console.log('failed');

                            },

                        });

                    }

            </script>

</body>

　　

　　

　　

Ajax(django)的更多相关文章

  1. python json ajax django四星聚会

    什么是json: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写.同时也易于机器解析和生成.它基于JavaScript Programm ...

  2. Django基础——Form&Ajax篇

    一 Form 在实际的生产环境中,登录和注册时用户提交的数据浏览器端都会使用JavaScript来进行验证(比如验证输入是否为空以及输入是否合法),但是浏览器可能会禁用JavaScirpt,同时也有人 ...

  3. django基础之Ajax、分页、cookie与session

    目录: Ajax之json Ajax简介 jquery实现的ajax js实现的ajax django分页器 COOKIE与SESSION 一.Ajax之json 1.什么是json? 定义: JSO ...

  4. 【Django】AJAX

    目录 JSON 序列化 stringify 反序列化 parse JSON与XML对比 AJAX简介 AJAX常见应用场景 jQuery实现AJAX JS实现AJAX AJAX请求设置csrf_tok ...

  5. Django如何与ajax通信

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

  6. django之ORM的查询优化、Ajax 06

    目录 ORM查询优化 only与defer select_related与prefetch_related查询优化 choices参数 MTV与MVC模型 Ajax简介 AJAX常见应用情景 AJAX ...

  7. Django+Ajax+Mysql实现数据库数据的展示

    最近老师让搞一个系统,仅仅展示一下数据库的数据 在做海底捞时,是交接的师兄的项目,用的语言是java,框架是SSM(Spring.SpringMVC.MyBatis),这次我准备用Python写,前端 ...

  8. Django合集

    Django基础 Django--简介 Django--web框架简介 浅析uWSGI.uwsgi.wsgi Django--url(路由)配置 Django--模板层 Django--视图层 Dja ...

  9. Django - 学习目录

    Django 基础 web应用/http协议/web框架 Django简介 Django - 路由层(URLconf) Django - 视图层 Django - 模板层 Django - 模型层 - ...

随机推荐

  1. DSO论文解读

    dso 1.1. Motivation 本文提出的单目视觉测距法的直接和稀疏公式是出于以下考虑因素; (1)直接: 关键点的主要优点之一是它们能够为使用现成的商品相机拍摄的图像中存在的光度和几何失真提 ...

  2. Win10正式版U盘安装教程

    1.首先我们需要登陆“微软中国下载中心”,从中下载一款名为“MediaCreationTool”的工具,利用该工具可以制作Win10安装U盘.直接通过以下地址快速进入“Windows下载中心”,根据自 ...

  3. [No0000159]C# 7 中的模范和实践

    关键点 遵循 .NET Framework 设计指南,时至今日,仍像十年前首次出版一样适用. API 设计至关重要,设计不当的API大大增加错误,同时降低可重用性. 始终保持"成功之道&qu ...

  4. [No0000B9]C# 类型基础 值类型和引用类型 及其 对象复制 浅度复制vs深度复制 深入研究2

    接上[No0000B5]C# 类型基础 值类型和引用类型 及其 对象判等 深入研究1 对象复制 有的时候,创建一个对象可能会非常耗时,比如对象需要从远程数据库中获取数据来填充,又或者创建对象需要读取硬 ...

  5. python中的argv使用

    sys.argv[]说白了就是一个从程序外部获取参数的桥梁,这个“外部”很关键,所以那些试图从代码来说明它作用的解释一直没看明白.因为我们从外部取得的参数可以是多个,所以获得的是一个列表(list), ...

  6. 多文件上传（.net）

    找了很长时间,终于找到了: 前台: <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head ...

  7. httpclient发送接受请求

    需要注意三部分,request和参数的处理,响应数据.与请求相关的dll是System.Net. 核心代码: private string Post(string requestUrlString, ...

  8. LeetCode 500 Keyboard Row 解题报告

    题目要求 Given a List of words, return the words that can be typed using letters of alphabet on only one ...

  9. kubernetes微服务部署

    1.哪些服务适合单独成为一个pod?哪些服务适合在一个pod中? message消息服务被很多服务调用   单独一个pod dubbo服务和web服务交互很高放在同一个pod里 API网关调用很多服务 ...

  10. 洛谷P2329 栅栏 [SCOI2005] 搜索

    正解:搜索 解题报告: 先放下传送门! 首先说下爆搜趴,就直接枚每个需求是否被满足以及如果满足切哪个板子,随便加个最优性剪枝,似乎是有80pts 然后思考优化 首先显然尽量满足需求比较小的,显然如果能 ...