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");

}

});

});

创作挑战赛新人创作奖励来咯，坚持创作打卡瓜分现金大奖

总结

以上是生活随笔为你收集整理的django ajax form表单,Django学习系列之Form表单和ajax(示例代码)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。