2

我发现这个非常酷的网站叫做http://parse.com。它是一个在线数据库（以及许多其他东西）。一定要检查一下。无论如何，我相信我离弄清楚如何使用 Parse.User 并在 ejs 模板中呈现对象电子邮件只有一步之遥。我有它，以便我可以在 parse.com 上创建和存储用户 - 但我认为我的模板无法识别我创建的“用户”变量。这是我的代码和错误：

应用程序.js

$(document).ready(function() {
    $("#signupform").submit(function(e) {  
        e.preventDefault();

        Parse.initialize("O3LAmHCCGmMWBRuPEt4cXWP5ChQMjeruyOkMN7m1", "AIyuUVnGYbyQrWaYns7TL3XpmjPb1FDeplQ76DgG");

        var user = new Parse.User(); 
        user.setUsername($('#username').val());
        user.setEmail($('#email').val());
        user.setPassword($('#pw').val());

        user.signUp();

        var html = new EJS({url: 'templates/usershow.ejs'}).render(user);
        var content = document.getElementById('listuser');
        content.innerHTML = content.innerHTML + html;
        $("#signupform").remove();   
    });
});

模板/usershow.ejs

<li><%= user.getEmail() %></li>

索引.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>it IT</title>
  <link rel="stylesheet" type="text/css" href="application.css" />
  <script src="jquery.js"></script> 
  <script src="application.js"></script>
  <script type="text/javascript" src="ejs_production.js"></script>
  <script src="http://www.parsecdn.com/js/parse-1.2.7.min.js"></script>
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
    <h1>it IT</h1>
    <div id="signup">
        <form id="signupform">
            Username: <input type="text" name="username" id="username"><br>
            Password: <input type="password" name="pw" id="pw"><br>
            Email: <input type="text" name="email" id="email"><br>
            <input type="submit" value="sign up">
        </form>
    </div>
    <div id="signin"></div>
    <div id="showuser">
        <h2>Username - Email</h2>
        <ul id="listuser"></ul>
    </div>
</body>
</html>

我在 firebug 中遇到的错误（在成功发布到 parse.com 数据库之后）是：

ReferenceError: user is not defined

有问题的线似乎是var html = new EJS({url: 'templates/usershow.ejs'}).render(user);线。我不确定渲染函数是否可以识别 Parse.User 对象？也许在 Parse.User 中使用 ejs 有问题？

更新

针对下面的评论，我将代码更改为：

$(document).ready(function() {
    $("#signupform").submit(function(e) {  
        e.preventDefault();

        Parse.initialize("O3LAmHCCGmMWBRuPEt4cXWP5ChQMjeruyOkMN7m1", "AIyuUVnGYbyQrWaYns7TL3XpmjPb1FDeplQ76DgG");

        var user = new Parse.User(); 
        user.setUsername($('#username').val());
        user.setEmail($('#email').val());
        user.setPassword($('#pw').val());

        user.signUp(null, {
            success: function (user) {
                // Hooray! Let them use the app now.
                var html = new EJS({url: 'templates/usershow.ejs'}).render(user);
                var content = document.getElementById('listuser');
                content.innerHTML = content.innerHTML + html;
                $("#signupform").remove();   
            },
            error: function (user, error) {
                // Show the error message somewhere and let the user try again.
                //alert("Error: " + error.code + " " + error.message);
                console.log("Error: " + error.code + " " + error.message);                        
            }
        });
    });
});

虽然我认为这纠正了我的代码问题......我仍然遇到同样的错误，如上所述。

再次，我var html = new EJS({url: 'templates/usershow.ejs'}).render(user);作为罪魁祸首回到这一行......只是因为用户对象是 Parse.User 对象而不仅仅是一个常规对象？

4

1 回答 1

0

您在此处进行的调用是异步的，您需要在 parse 调用的成功块中编写代码，因此一旦 parse 的回复返回到您的应用程序，它将执行。

    var user = new Parse.User(); 
    user.setUsername($('#username').val());
    user.setEmail($('#email').val());
    user.setPassword($('#pw').val());

            newUser.signUp(null, {
                success: function (user) {
                    // Hooray! Let them use the app now.
                    var html = new EJS({url: 'templates/usershow.ejs'}).render(user);
                    var content = document.getElementById('listuser');
                    content.innerHTML = content.innerHTML + html;
                    $("#signupform").remove();   
                },
                error: function (user, error) {
                    // Show the error message somewhere and let the user try again.
                    //alert("Error: " + error.code + " " + error.message);
                    console.log("Error: " + error.code + " " + error.message);                        
                }
            });
于 2013-06-04T12:59:01.073 回答