• 昵???????稱：
• 生???????日：
• 性???????別：?????男

  ??????女

• 地???????址：
• 手??機??號：
• 郵???????箱：

  [修改]

{% 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(示例代码)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。