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

Ajax

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')

}

});

}

运行，结果：

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

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

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

Ajax

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')

}

});

}

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的使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！