1.使用Ajax在后台传递参数的示例

　　要使用Ajax传递参数，需要使用jquery，使用jquery需要注意以下几点。

　　1.建立static的目录，将jquery导入

　　

　　2.在项目s13day18_django的settings配置中，指定jquery的目录，同时注释掉CSRF

STATIC_URL = '/static/'

STATICFILES_DIRS = (

    os.path.join(BASE_DIR,'static'),

)

# 'django.middleware.csrf.CsrfViewMiddleware',

　　3.在app01下面，指定路由关系

urlpatterns = [

    # url(r'^index/(\d+)/', views.index),

    # url(r'^detail/(\d+)/',views.detail),

    # url(r'^template/',views.template),

    url(r'^extend/',views.extend),

    url(r'^assets/',views.assets),

    url(r'^userinfo/',views.userinfo),

    url(r'^ajax_demo/',views.ajax_demo),

]

　　4.在app01下面，定义ajax_demo函数

def ajax_demo(request):

    if request.method == 'POST':

        user = request.POST.get('user')

        pwd = request.POST.get('pwd')

        print(user,pwd)

        if user == '' and pwd == '':

            return HttpResponse('')

        else:

            return HttpResponse('')

    return render(request,'ajax_demo.html')

　　5.在templates中，添加关于ajax_demo的HTML信息

<body>

    <div>

        <p>用户名: <input type="text" id="username" /></p>

    </div>

    <div>

        <p>密码: <input type="password" id="pwd" /></p>

    </div>

    <input type="button" value="提交" onclick="SubmitForm();"/>

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

    <script>

        function SubmitForm(){

            $.ajax({

                url:'/web/ajax_demo/',

                type:'POST',

                data:{'user':$('#username').val(),'pwd':$('#pwd').val()},

                success:function(data){

                    if(data == ''){

                        location.href="http://www.baidu.com";

                    }

                    else{

                        alert("用户名或密码错误")

                    }

                }

            })

        }

    </script>

</body>

　　整个执行的过程是，ajax传递参数给了函数ajax_demo，函数获取到用户键入的值，然后通过HttpResponse返回给回调函数success，回调函数再执行相应的操作。

====================================================================================================　　但是在实际的使用中，我们要这么定义views.py

import json

def ajax_demo(request):

    if request.method == 'POST':

        ret = {'status':False,'message':''}

        user = request.POST.get('user')

        pwd = request.POST.get('pwd')

        print(user,pwd)

        if user == '' and pwd == '':

            ret['status'] = True

            return HttpResponse(json.dumps(ret))

        else:

            ret['message'] = '用户名或密码错误'

            return HttpResponse(json.dumps(ret))

    return render(request,'ajax_demo.html')

　　ajax_demo.html

<body>

    <div>

        <p>用户名: <input type="text" id="username" /></p>

    </div>

    <div>

        <p>密码: <input type="password" id="pwd" /></p>

    </div>

    <input type="button" value="提交" onclick="SubmitForm();"/>

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

    <script>

        function SubmitForm(){

            $.ajax({

                url:'/web/ajax_demo/',

                type:'POST',

                data:{'user':$('#username').val(),'pwd':$('#pwd').val()},

                dataType:'json',

                success:function(data){

                    if(data.status){

                        location.href="http://www.baidu.com";

                    }

                    else{

                        alert(data.message)

                    }

                }

            })

        }

    </script>

</body>

　　如果不用ajax自带的dataType类型，也可以自己将json的格式转化为字典格式：

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

    <script>

        function SubmitForm(){

            $.ajax({

                url:'/web/ajax_demo/',

                type:'POST',

                data:{'user':$('#username').val(),'pwd':$('#pwd').val()},

{#                dataType:'json',#}

                success:function(data){

                    var data_dic = JSON.parse(data);

                    if(data_dic['status']){

                        location.href="http://www.baidu.com";

                    }

                    else{

                        alert(data_dic['message'])

                    }

                }

            })

        }

    </script>

　　JQuery中的ajax也是调用了浏览器中的XMLHttpRequest对象来执行的。

　　http://www.cnblogs.com/wupeiqi/articles/5703697.html

　　

Python 之Ajax的更多相关文章

  1. python处理ajax请求

    先要起一个服务 server.py,可以支持python的cgi脚本. #!coding:utf8 from BaseHTTPServer import HTTPServer from CGIHTTP ...

  2. python json ajax django四星聚会

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

  3. python 模拟ajax查询社工库...

    在windows中使用,输入有关信息查询社工库,本来是网页版的,我把ajax请求提取出来.粗略的封装下,挺好玩. #coding:utf8 import urllib2,urllib from Bea ...

  4. Python开发—Ajax系列

    概述 对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用 一个简单操作需要 ...

  5. Python：ajax 学习笔记

    什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味 ...

  6. python与 Ajax跨域请求

    同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响.可以说Web是构建在同源策略基础之上的 ...

  7. Python之AJAX

    AJAX <script> $("#i4").on("click", function () { var i1 = $("#i1" ...

  8. Python 20 Ajax全套

    概述 对于web应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用 一个简单操作需要 ...

  9. Python Django Ajax 传递列表数据

    function getTableContent(node) { event.preventDefault(); var tr = node.parentNode.parentNode; var id ...

随机推荐

  1. git diff提示filemode发生改变（old mode 100644、new mode 10075）

    今天clone代码,git status显示修改了大量文件,git diff提示filemode变化,如下: diff --git a/Android.mk b/Android.mkold mode ...

  2. [Linux] - Docker制作nginx+php

    使用Docker制作nginx+php的镜像,这里的镜像是centos + nginx 1.9.7 + php 5.6.14 首先下载到nginx和php: nginx-1.9.5.tar.gz 下载 ...

  3. [PHP] - PDO事务操作

    PHP使用PDO事务操作数据库. 参考文章: http://php.ncong.com/mysql/pdo/pdo_shiwu.html 上代码: <!doctype html> < ...

  4. 解决在VS2015下用C++开发的DLL在WIN7上无法加载运行

    首先用Dependency Walker检查该DLL依赖的库,如下图所示: 依赖的动态库除了KERNEL32.DLL.USER32.DLL外,还包括了MSVCP120D.DLL以及MSVCR120D. ...

  5. Nginx -- Gzip 压缩功能作用

    1.对应的压缩参数说明# 开启gzip压缩功能gzip on; # 设置允许压缩的页面最小字节数,页面字节数从header头的Content-Length中获取.默认值是0,不管页面多大都进行压缩,建 ...

  6. Spark BlockManager的通信及内存占用分析(源码阅读九）

    之前阅读也有总结过Block的RPC服务是通过NettyBlockRpcServer提供打开,即下载Block文件的功能.然后在启动jbo的时候由Driver上的BlockManagerMaster对 ...

  7. Spark数据传输及ShuffleClient（源码阅读五）

    我们都知道Spark的每个task运行在不同的服务器节点上,map输出的结果直接存储到map任务所在服务器的存储体系中,reduce任务有可能不在同一台机器上运行,所以需要远程将多个map任务的中间结 ...

  8. [ActionScript 3.0] 将组件 SWC 文件导入 Flash

    在向其它开发人员分发组件时,您可以包含以下说明,以便他们能够立即安装和使用组件.  导入 SWC 文件: 将 SWC 文件复制到 Configuration/Components 目录中. 重新启动 ...

  9. C#创建DBF自由库 [转]

    先看段代码: string ole_connstring = @"Provider=VFPOLEDB.1;Data Source=D:\;";System.Data.OleDb.O ...

  10. Laravel学习笔记（一）安装配置开发环境

    摘要 Laravel的目标是给开发者创造一个愉快的开发过程,并且不牺牲应用的功能性.快乐的开发者才能创造最棒的代码!为了这个目的,开发者博取众框架之长处集中到Laravel中,这些框架甚至是基于Rub ...