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. ILGenerator.Emit动态 MSIL编程(二)之基础

    public sealed class ColorToArgb { /// <summary> /// 将十六进制转化为AGRB /// </summary> /// < ...

  2. 使用PopupContainerEdit和PopupContainerControl制作下拉菜单树小记

    转自:http://jlcon.iteye.com/blog/898210 首先拖动一个PopupContainerEdit控件和PopupContainerControl控件到界面上,在PopupC ...

  3. 在CentOS上安装和部署Shiny Server

    1.安装R: sudo yum install R 2.安装Shiny的R包: sudo su - \ -c "R -e \"install.packages('shiny', r ...

  4. jsp添加背景音乐

    在<head></head>间假如标签<embed src="文件地址" loop="11" autostar="tru ...

  5. 加快http请求图片的速度

    在web网页里面经常需要请求图片,为了减少图片的http请求,总共有三种办法 使用map和area,具体看下面的链接 http://www.w3school.com.cn/tags/att_area_ ...

  6. Python的第一天

    一.Python的简介 Python诞生于作者是Guido van Rossum,Python来自Guido所挚爱的电视剧Monty Python's Flying Circus (BBC1960-1 ...

  7. Linux文件权限概念

    一.Linux文件属性 1.第一列代表这个文件的类型与权限(permission): 共有10个字符 第一个字符代表这个文件的类型,是"目录,文件或链接文件等": [d]----& ...

  8. sql事务的调用

    一.数据库的SQL USE [Text]GO/****** Object: StoredProcedure [dbo].[mon] Script Date: 2017-01-03 15:59:28 * ...

  9. Underscore.js基础入门

    公司产品集成了对Underscore.js,所以需要对这个库有一定的了解.通过查阅资料,发现这个库主是对Array和JSON的处理支持.通过Underscore.js库,可以方便的对Array和JSO ...

  10. Mysql查询英文如何严格区分大小写？

    1. 前提:在Mysql数据库中进行查询时,希望英文严格区分大小写.默认情况下是不区分大小写的.2. 演示如下:在数据库表emp中,job字段中存储的值有'Engineer',现在的情况是,下面的两句 ...