转自：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. C#用户控件的使用

    1.添加一个用户控件 2.编辑用户控件,相当于自己定义了一个控件,和其他控件一样在窗体中使用,是一个类. 右击项目,生成一下,就可以看到窗体的工具箱上面多了一组工具,可以看到我们定义的控件login ...

  2. ZJNU 2354 - 进贡

    分开考虑k=1 k=2和k>=3的情况 2和3这两个质数比较特殊,遇到的话直接输出1就行 对于“神灵的不满意度为m的约数中,比m小且最大的那个”这句描述,指m除了自身和1这两个因子里找最大的那个 ...

  3. POJ 1979：Red and Black

    Red and Black Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 26058   Accepted: 14139 D ...

  4. 将hello程序作为驱动程序编译进系统内核

    0x00开始 恩,可能是我比较愚钝,一个内核编译搞了一天,各种问题,各种bug,几度无奈,也是因为我突发奇想,并没有按照原来的那种操作,我直接把helloworld程序放到内核模块中编译成了一个驱动程 ...

  5. [LuoguP3978](https://www.luogu.org/problem/P3978) BZOJ4001概率论

    BZOJ 4001 概率论 设\(f_i\)表示i个点的二叉树方案数 立刻有\(f_n = \sum_{i=0}^{n-1} f_i f_{n-i-1}\) 设\(F(x)为序列f的生成函数,有F(x ...

  6. luogu P3835 【模板】可持久化平衡树

    #include<iostream> #include<cstdio> #include<cstring> #include<cstdlib> usin ...

  7. CMake常用变量

    CMake变量 CMake共用七种变量,如下所示: 目录: ()提供信息的变量. ()控制变量. ()描述系统的变量. ()控制构建过程的变量. ()语言变量. ()CTest变量. (7)CPack ...

  8. Python 中如何自动导入缺失的库？

    在写 Python 项目的时候,我们可能经常会遇到导入模块失败的错误:ImportError: No module named 'xxx'或者ModuleNotFoundError: No modul ...

  9. pandas在指定列插入数据

    import pandas as pd import numpy as np df = pd.DataFrame(np.arange(15).reshape(5, 3), columns=['a', ...

  10. STL——算法

    以下内容大多摘自<C++标准程序库> STL提供了一些标准算法,包括搜寻.排序.拷贝.重新排序.修改.数值运算等.算法并不是容器类别的成员函数,而是一种搭配迭代器使用的全局函数. #inc ...