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. ruby发送邮件方法

    #encoding:utf-8require 'mail'def send_email sum,fail,case_path,name,receive smtp = { :address => ...

  2. OAF_开发系列16_实现OAF与XML Publisher整合

    http://wenku.baidu.com/link?url=y2SFKHP5qqn4bl_iNeqLGjXsTvhyFuhkMraIbWZdTXbzcv0vTefrZFFBDWie0cAAKuTw ...

  3. OAF_文件系列10_实现OAF将数据资料导出Excel到本地JXL（案例）

    20150729 Created By BaoXinjian

  4. HTTP 协议详解

    相关文章:HTTP 协议之压缩 当今web程序的开发技术真是百家争鸣,ASP.NET, PHP, JSP,Perl, AJAX 等等. 无论Web技术在未来如何发展,理解Web程序之间通信的基本协议相 ...

  5. 转mysql 多表 update sql语句总结

    mysql 多表 update 有几种不同的写法. 假定我们有两张表,一张表为Product表存放产品信息,其中有产品价格列Price:另外一张表是ProductPrice表,我们要将ProductP ...

  6. include 问题

    http://blog.sina.com.cn/s/blog_573a052b0100kq1w.html

  7. .net mvc中json的时间格式

    .net mvc中,通过return Json(DateTime.Now); 返回到视图时,日期格式变成这样,"/Date(1245398693390)/",如果要显示指定的日期时 ...

  8. js访问xml

    从w3school中获取代码 <html> <head> <script type="text/javascript"> var xmlhttp ...

  9. peer not authenticated error

    问题背景 系统:OS X El Capitan,10.11.2 IDE:Android Studio 2.0 Preview Java:1.8.0_65 Gradle:2.3 clone了代码后,在i ...

  10. Python用法摘要 BY 四喜三顺

    函数的定义:def function_name(parameters):    block    return expression 自带函数:abs(-9)    #取绝对值round(3.4)   ...