虚位以待(AD)
虚位以待(AD)
首页 > 网络编程 > AJAX相关 > Django Ajax的使用教程

Django Ajax的使用教程
类别: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')

打印数据样式:

以上所述是小编给大家介绍的Django Ajax的使用教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关热词搜索: django ajax的使用