• 技术文章 >web前端 >js教程

    Django Ajax如何使用

    php中世界最好的语言php中世界最好的语言2018-03-31 15:30:28原创1134
    这次给大家带来Django Ajax如何使用,使用Django Ajax的注意事项有哪些,下面就是实战案例,一起来看一下。

    简介:

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

    AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

    AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

    Ajax

      很多时候,我们在网页上请求操作时,不需要刷新页面。实现这种功能的技术就要Ajax!

    jQuery中的ajax就可以实现不刷新页面就能向后台请求或提交数据的功能,现用它来做django中的ajax,所以先把jquey下载下来,版本越高越好。

    一、ajax发送简单数据类型

    html代码:在这里我们仅发送一个简单的字符串

    views.py

     #coding:utf8
     from django.shortcuts import render,HttpResponse,render_to_response
     def Ajax(request):
       if request.method=='POST':
         print request.POST
         return HttpResponse('执行成功')
       else:
         return render_to_response('app03/ajax.html')

    ajax.html

    <!DOCTYPE html>
     <html>
     <head>
     <meta charset="UTF-8">
     <title>Ajax</title>
     </head>
     <body>
       <input id='name' type='text' />
       <input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
       <script src='/static/jquery/jquery-3.2.1.js'></script>
       <script type='text/javascript'>
       function DoAjax(){
         var temp = $('#name').val();
         $.ajax({
           url:'app03/ajax/',
           type:'POST',
           data:{data:temp},
           success:function(arg){
             console.log(arg);
           },
           error:function(){
             console.log('failed')
           }
         });
       }
       </script>
     </html>

    运行,结果:

    二、ajax发送复杂的数据类型:

    html代码:在这里仅发送一个列表中包含字典数据类型

    由于发送的数据类型为列表 字典的格式,我们提前要把它们转换成字符串形式,否则后台程序接收到的数据格式不是我们想要的类型,所以在ajax传输数据时需要JSON

    <!DOCTYPE html>
     <html>
     <head>
     <meta charset="UTF-">
     <title>Ajax</title>
     </head>
     <body>
       <input id='name' type='text' />
       <input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
       <script src='/static/jquery/jquery-3.2.1.js'></script>
       <script type='text/javascript'>
       function DoAjax(){
         var temp = $('#name').val();
         $.ajax({
           url:'app03/ajax/',
           type:'POST',
           data:{data:temp},
           success:function(arg){
             var obj=jQuery.parseJSON(arg);
             console.log(obj.status);
             console.log(obj.msg);
             console.log(obj.data);
             $('#name').val(obj.msg);
           },
           error:function(){
             console.log('failed')
           }
         });
       }
       </script>
     </html>

    views.py

     #coding:utf
     from django.shortcuts import render,HttpResponse,render_to_response
     import json
     # Create your views here.
     def Ajax(request):
       if request.method=='POST':
         print request.POST
         data = {'status':,'msg':'请求成功','data':['','','']}
         return HttpResponse(json.dumps(data))
       else:
         return render_to_response('app/ajax.html')

    打印数据样式:

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    在Ajax里怎么传递特殊字符数据

    ajax跨域问题的图文详解(附代码)

    以上就是Django Ajax如何使用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Django Ajax 使用
    上一篇:怎么用ajax实现提交评论并自动刷新 下一篇:js请求servlet实现ajax请求的步骤详解
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 深入了解angular中的@Component装饰器• 详解node中如何安装多版本并进行切换• JavaScript面向对象详细解析之属性描述符• 浅析node中path路径模块的一些API• 什么是状态?深入学习angular中的动画
    1/1

    PHP中文网