django ajax form表单,Django学习系列之Form表单和ajax(示例代码)

• 昵       称：
• 生       日：
• 性       别：     男

        女

• 地       址：
• 手  机  号：
• 邮       箱：

  [修改]

{% csrf_token %}$(\'#jsEditUserBtn\').on(\'click\', function(){var _self = $(this),

$jsEditUserForm= $(\'#jsEditUserForm\')

verify=verifySubmit(

[

{id:\'#nick_name\', tips: Dml.Msg.epNickName, require: true}

]

);if(!verify){return;

}

$.ajax({

cache:false,

type:\'post\',

dataType:\'json\',

url:"/users/info/",

data:$jsEditUserForm.serialize(), #把form表单填写的内容序列化成jsonasync: true,

beforeSend:function(XMLHttpRequest){

_self.val("保存中...");

_self.attr(\'disabled\',true);

},

success: function(data) {if(data.nick_name){

_showValidateError($(\'#nick_name\'), data.nick_name); #假如nick_name字段未填写报错是这样的:{"nick_name":{"这个字段是必填项"}},所以如果nick_name字段有报错就能获取到报错信息然后展示,birth_dat字段也同理,

}else if(data.birday){

_showValidateError($(\'#birth_day\'), data.birday);

}else if(data.address){

_showValidateError($(\'#address\'), data.address);

}else if(data.status == "failure"){

Dml.fun.showTipsDialog({

title:\'保存失败\',

h2: data.msg

});

}else if(data.status == "success"){

Dml.fun.showTipsDialog({

title:\'保存成功\',

h2:\'个人信息修改成功！\'});

setTimeout(function(){window.location.href= window.location.href;},1500);

}

},

complete: function(XMLHttpRequest){

_self.val("保存");

_self.removeAttr("disabled");

}

});

});