如何在Parse(JavaScript SDK)中更新User对象?

时间:2015-07-27 01:49:47

标签: javascript jquery parse-platform

我有以下视图,它提交一个包含要更新的数据的表单给当前用户:

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没有任何问题,因为我之前在类似情况下使用过它。

那为什么我不能更新用户数据呢?看起来很简单。我认为这与某些我不知道的安全功能有关。有人有什么想法吗?

1 个答案:

答案 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) {

    });

},

如果有人能够准确地指出这两种方法之间的区别,以及为什么后一种方法有效,而前者没有,那将非常感激!