我有以下视图,它提交一个包含要更新的数据的表单给当前用户:
EditMyProfileView = Parse.View.extend({
template: Handlebars.compile($('#edit-my-profile-tpl').html()),
events: {
'submit .profile-details-edit': 'submit'
},
submit: function(e){
e.preventDefault();
var form = document.getElementById("profile-details-edit");
var FullName = form.FullName.value;
var bio = form.bio.value;
user = Parse.User.current();
user.set("FullName", FullName);
user.set("bio", bio);
form.submit();
user.save();
},
render: function(){
var attributes = this.model.toJSON();
this.$el.html(this.template(attributes));
}
}),
这是提交数据的表单:
<form class="profile-details-edit" id="profile-details-edit" role="form">
<p><label for="FullName"><b>Full Name</b></label><br><input type="text" id="FullName" name="FullName" maxLength="20" class="form-control" placeholder="{{FullName}}" autofocus="" style="padding: 19px; border: solid 2px #000; resize: none; font-family: Roboto; font-weight: 400; font-size: 16px; vertical-align: top;"></p>
<p><label for="bio"><b>About Me</b></label><br><textarea type="text" id="bio" name="bio" class="form-control" autofocus="" style="padding: 19px; border: solid 2px #000; resize: none; font-family: Roboto; font-weight: 400; font-size: 16px; height: 200px; vertical-align: top;" maxLength="288">{{bio}}</textarea></p>
<p><button class="button" type="submit">Submit Changes</button></p>
</form>
我知道表单或JQuery没有任何问题,因为我之前在类似情况下使用过它。
那为什么我不能更新用户数据呢?看起来很简单。我认为这与某些我不知道的安全功能有关。有人有什么想法吗?
答案 0 :(得分:0)
这是我更新的&#34;编辑个人资料&#34;视图。我通过反复试验来解决这个问题,但我现在还不知道为什么会这样。我是JavaScript的新手,但看起来它与Parse异步更新User对象的方式有关。我添加了一个promise,以便我可以将submit函数指定为首选回调:
EditMyProfileView = Parse.View.extend({
template: Handlebars.compile($('#edit-my-profile-tpl').html()),
events: {
'submit .profile-details-edit': 'submit'
},
submit: function(e){
e.preventDefault();
var form = document.getElementById("profile-details-edit");
user = Parse.User.current();
user.save().then(function() {
var FullName = form.FullName.value;
var bio = form.bio.value;
user.set("FullName", FullName);
user.set("bio", bio);
form.submit();
user.save();
}, function(error) {
});
},
如果有人能够准确地指出这两种方法之间的区别,以及为什么后一种方法有效,而前者没有,那将非常感激!