转自：http://www.cnblogs.com/python-study/p/6060530.html

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 == '111' and pwd == '222':

            return HttpResponse('1')

        else:

            return HttpResponse('2')

    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 == '1'){

                        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 == '111' and pwd == '222':

            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数组传递和后台接收

    phper转pythoner 在当初使用php做网站开发的时候,前端ajax传递数据的时候,就是直接将一个数组传递过去,后台用$_POST['key']接收即可,没有考虑那么细,想来这不都是理所当然的 ...

  2. python Ajax

    Ajax一.准备知识JSON1.什么是json JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 是轻量级的文本数据交换格式 JSO ...

  3. python ajax post 数据

    简单的html <div> <input type="submit" id="tes" value="tes"> & ...

  4. JSON 的正确用法：Python、MongoDB、JavaScript与AjaxJSON 的正确用法：Python、MongoDB、JavaScript与Ajax

    本文主要总结网站编写以来在传递 JSON 数据方面遇到的一些问题以及目前采用的解决方案.网站数据库采用 MongoDB,后端是 Python,前端采用“半分离”形式的 Riot.js,所谓半分离,是说 ...

  5. My First Django Project - <Django + MySQL + Ajax> (1)

    因为最近工作有些信息需要额外花时间去收集,但是现在有相关的operations每天记录状态,但是没有一个很好的状态收集工具,将状态收集起来,所以很多情况下我们不知道是状态变好了,还是变差.如果使用EX ...

  6. python 各种开源库

    测试开发 来源:https://www.jianshu.com/p/ea6f7fb69501 Web UI测试自动化 splinter - web UI测试工具,基于selnium封装. 链接 sel ...

  7. python 三方面库整理

    测试开发 Web UI测试自动化 splinter - web UI测试工具,基于selnium封装. selenium - web UI自动化测试. –推荐 mechanize- Python中有状 ...

  8. Python 总结

    python3.7下载地址 Python安装pip 1.首先检查linux有没有安装python-pip包,直接执行 yum install python-pip 2.没有python-pip包就执行 ...

  9. Python测试 ——开发工具库

    Web UI测试自动化 splinter - web UI测试工具,基于selnium封装. selenium - web UI自动化测试. mechanize- Python中有状态的程序化Web浏 ...

随机推荐

  1. Linux CMD 笔记 & 正则表达式

    一.linux bash 1. 进程名查找kill ps -ef | grep xxxx| grep -v grep| cut -c 9-15 | xargs kill -9 2.端口号kill 占用 ...

  2. faster rcnn 源码学习-------数据读入及RoIDataLayer相关模块解读

    参考博客:::https://www.cnblogs.com/Dzhen/p/6845852.html 非常全面的解读参考:::https://blog.csdn.net/DaVinciL/artic ...

  3. 学生信息管理系统java测试报告

    package studentinformation; /**姓名 胡海靖 * 学号 20183609 * 班级 信1805-2 */ class ScoreInformation { private ...

  4. mysql6数据库安装与配置

    详细步骤可以参考这篇文章 https://www.cnblogs.com/duguangming/p/10623520.html 1.下载并打开mysql6数据库安装文件 2.默认点击下一步 3.点击 ...

  5. java数据库连接池比较

    dbcp dbcp可能是使用最多的开源连接池,原因大概是因为配置方便,而且很多开源和tomcat应用例子都是使用的这个连接池吧.这个连接池可以设置最大和最小连接,连接等待时间等,基本功能都有.这个连接 ...

  6. 17.3.10--关于C元的变量类型所占字节问题和类型转化

    在C语言并没有对于严格规定short,int  long所占字节,只是做了宽泛要求:short:至少连个字节 int建议为一个机器字长,32位环境下机器字长是4个字节,64位环境机器字长是8个字节 s ...

  7. 吴裕雄--天生自然MySQL学习笔记：MySQL简介

    MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用 ...

  8. 微服务项目开发学成在线_Vue.js与Webpack

    Vue.js 1.Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.自底向上逐层应用:作为渐进式框架要实现的目标就是方便项目增量开发. 渐进式框架:Progress ...

  9. linux 查看链接库的版本

    我们编译可执行文件的时候,会链接各种依赖库, 但是怎么知道依赖库的版本正确呢? 下面有几种办法: ldd 这是比较差的,因为打印结果更与位置相关 dpkg -l | grep libprotobuf ...

  10. Linux-进程状态和system函数

    1.进程的5种状态 (1).就绪态. 这个进程当前所有运行条件就绪,只要得到CPU时间就能直接运行. (2).运行态 就绪态时得到了CPU就进入运行态开始运行. (3).僵尸态 进程已经结束但是父进程 ...