ajax基本用法:
1、使用ajax传递一般字符串
$.ajax({
url : '/modal_edit_student/',
type : 'POST',
data : {'name': name,'class_id': class_id, 'id': id},
success : function (args) {
if (args.status) {
location.reload();
} else {
alert(args.msg);
}
}
});
后台接收数据:request.POST.get('name')
2、ajax传递Json字符串
$.ajax({
url : '/modal_edit_student/',
type : 'POST',
data : {'name': name,'class_id': class_id, 'id': id},
dataType : 'JSON',
success : function (args) {
if (args.status) {
location.reload();
} else {
alert(args.msg);
}
}
});
设置dataType为json,这样可以直接接收后台的json序列
jquery内置的json方法:
JSON.parse() ---- 将json字符串还原成字典格式
JSON.stringfy() ---- 将字典转换成json字符串
python的json方法:
import json
json.dumps() ---- 将字典转换成json
json.loads() ---- 将json还原成字典
3、ajax传递列表
$.ajax({
url : '/modal_add_teacher/',
type : 'POST',
data : {'name': name,'class_ids': class_ids},
traditional: true,
success : function (args) {
args = JSON.parse(args);
if (args.status) {
location.reload();
} else {
console.error(args.msg);
}
}
});
若参数中有列表(如上class_ids),需要将traditional设置为true,这样可以直接传送列表
后台接收列表:
request.POST.getlist('class_ids')