javascript - parse.com Javascript CORS 更新用户名时出错(可解析端)

Question

我正在使用 Parse 构建一个演示网站，该网站使用户能够注册(用户、通行证、电子邮件)、登录，然后使用 Parse.com 作为我的后端更改这些凭据。

我已经解决了注册和登录问题，但现在编辑用户时遇到了麻烦。

这是我到目前为止所做的事情:

(Assume that the signup & login has worked correctly, with everything written to the default (user, password, email) columns in the users class)

HTML

<h1>User Edit</h1>
<form id="user-edit-form"></form>

JS 函数 1 - 将 PARSE.COM 中的现有内容输入到用户编辑表单 DIV

function areYouLoggedIn1() {
    if (Parse.User.current()) {


    function userdets() {

        var username = Parse.User.current().get("username");
        var password = Parse.User.current().get("password");
        var email = Parse.User.current().get("email");
        var output = "";

        if (Parse.User.current().get("email")) {
            email = email;
            } else {
                email = "placeholder='Add your email address'";
        }

        output += "<h3>S1</h3>";
        output += "<p>Username: ";
        output += "<input id='user-edit-form-username' type='text' value='"+username+"'>";              
        output += "</p>";
        output += "<p>Password coming soon...</p> ";
        output += "<p>Email: ";
        output += "<input id='user-edit-form-email' type='email' value='"+email+"'>";
        output += "</p>";
        output += "<p><input id='login-submit' type='submit'></p>";

        $("#user-edit-form").html(output);
    };

    userdets();

    } else {
    var output = "";
    output += "<p>You're not logged in!</p>";

    output += "<p>Do so by <a href='login.html'>clicking here to login!</a>  Alternatively you can sign up for an account by <a href='signup.html'>clicking here to sign up</a>.<p/>"

    console.log(output);

    }
$("#user-edit-form").html(output);  
};

areYouLoggedIn1();

这工作正常并加载现有的用户名、密码和电子邮件地址(如果存在)...

<小时/>

假设我现在去更改电子邮件(由于上述内容已预先填写)，我现在运行以下命令:

JS 函数 2 - 用户更新

    $("#user-edit-form").submit(function(event){
    var user = Parse.User.current();
    var username = $("#user-edit-form-username").val();
    user.setUsername(username);
    user.save(null, {
    success: function(user) {
    alert("Just updated "+user);
    }
    });
});

在控制台日志中，我得到一个返回:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.parse.com/1/classes/_User/UsernameRemovedByMrT. (Reason: CORS request failed).

我一直在研究 CORS，但我不太清楚如何从 JS 查询中设置它。

据我了解，该消息并不总是与 CORS 直接相关:Firefox CORS request giving 'Cross-Origin Request Blocked' despite headers

我是这个地区的一名学习司机......

我尝试过直接在 html 中编写表单，并且还尝试仅更新用户名，但似乎没有任何效果，而且消息很难调试。

它似乎确实更新了数据库中的用户名字段，但没有更新应用程序中的用户名字段(即使在手动刷新之后)。我假设我必须以某种方式刷新 Parse.user.current，但不确定如何最好地进行它(或者是否有更好的修复)？

Answer 1

可以更新用户详细信息，但由于当前用户的 session 在更新时过期，因此您需要确保用户再次登录。

此外，要设置用户名值，您需要 user.set("username", newUserName)。

我回答这个问题只是为了更新用户名。您可以根据您的要求进行更改。 这是我如何更新登录用户的用户名的代码。

$("#user-edit-form").submit(function(event){
    var newUserName = $("#user-edit-form-username").val();
    var password = $("#user-edit-form-password").val();
    if (Parse.User.current()) {
        var currentUser = Parse.User.current();
        // update value when not same username
        if (newUserName !== currentUser.get("username")) {
            currentUser.set("username", newUserName);
            currentUser.save();
            // timeout for completing network request
            setTimeout(function(){
                Parse.User.logOut();
                Parse.User.logIn(NewUserName, password, {
                    success: function(user){
                        alert("username updated successfully.");
                        console.log(user);
                    },
                    error: function(error){
                        console.log(error);
                    }
                });
            }, 250);
        }
    } else {
        console.log("User not logged in.");
    }
}