Node.js 如何使用expressjs在表单提交后显示数据 **app.js**code app.get（'/'，函数（req，res）{ res.render（'索引'{ 数据来源：docsData， 标题：“EJS示例”， 标题：“一些用户” }); }); app.post（“/”，函数（请求，res）{ var jname=req.body.firstname； var lname=req.body.lastname； var jemail=req.body.email； var collection=dbConnect.collection（'users'）； var document={name:jname，lastname:lname，email:jemail}； insert（文档，{w:1}，函数（err，records）{ console.log（“记录添加为”+记录[0]。\u id）； }); dbConnect.collection（“users”）.find（{“name”：jname}）.toArray（函数（err，docsData）{ console.log（'检查错误'，err，docsData）； res.render（'索引'{ 数据来源：docsData， 标题：“AJT家族”， 标题：“一些用户” }); }); }); **html代码** 姓名： 输入您的姓名。 姓氏： 输入您的姓氏。 电邮： 输入您的电子邮件。 这不是一封有效的电子邮件。 使用者 姓名： 电邮： **javascript** var结果； var app=angular.module（'formExample'，[]）； app.controller（'FormCtrl'，函数（$scope，$http）{ $scope.data={}； $scope.submitForm=function（）{ formData=$scope.regform； console.log（“发布数据…”）； var request=$http（{url:'/'，数据：$scope.regform，方法：'post'}）； console.log（formData）； }; });

在这里，我可以使用expressjs在mongodb上保存数据。我需要在表单提交后显示数据。表单提交后，此处没有显示任何内容。如何使用嵌入式Javascript在html中显示保存的内容。

您要做的是更改

res.render（）

调用以执行以下操作：

**app.js** Code
app.get('/', function (req, res) {
        res.render('index', {
            data: docsData,
            title: "EJS example",
            header: "Some users"
        });
});
app.post('/', function (req, res) {
    var jname= req.body.firstname;
    var lname= req.body.lastname;
    var jemail= req.body.email;

    var collection = dbConnect.collection('users');
    var document={name:jname, lastname:lname, email:jemail};
    collection.insert(document, {w: 1}, function(err, records){
        console.log("Record added as "+records[0]._id);
    });

    dbConnect.collection("users").find({"name":jname}).toArray(function(err, docsData) {
        console.log('checking error',err, docsData);
        res.render('index', {
            data: docsData,
            title: "AJT Family",
            header: "Some users"
        });
    });
});



**html code**

<div align="center" ng-controller="FormCtrl">
    <form name="form" ng-submit="submitForm()" novalidate>
        <table>
            <tr><td>Name:</td>
                <td>
                    <input id="firstname" type="text" ng-model="regform.firstname" name="firstname" required="" />
                </td>
                <td>
                    <div ng-show="form.$submitted || form.firstname.$touched">
                        <div ng-show="form.firstname.$error.required">Enter your name.</div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>Last Name: </td>
                <td>
                    <input id="lastname" name="lastname" type="text" ng-model="regform.lastname" required>
                </td>
                <td>
                    <div ng-show="form.$submitted || form.lastname.$touched">
                        <div ng-show="form.lastname.$error.required">Enter your Last name.</div>
                    </div>
                </td>
            </tr>

            <tr>
                <td>E-mail:</td>
                <td><input id="email" type="email" ng-model="regform.email" name="uEmail" required="" /></td>
                <td>
                    <div ng-show="form.$submitted || form.uEmail.$touched">
                        <span ng-show="form.uEmail.$error.required">Enter your email.</span>
                        <span ng-show="form.uEmail.$error.email">This is not a valid email.</span>
                    </div>
                </td>
            </tr>
</table>
       <input type="button" ng-click="reset(form)" value="Reset" />
        <input type="submit" ng-disabled="!form.$valid"  value="Save" />
        <p id="hu"></p>
    </form>
</div>
<%if(data) {%>
    <h1>Users</h1>
    <% data.forEach(function(user){ %>
    <br>
    <table>
        <tr><td>Name: </td><td><%= user.name %> <%= user.lastname %></td></tr>
        <tr><td>Email: </td><td><%= user.email %></td></tr>
    </table>
    <% }) %>
<% } %>
</body>
</html>


**javascript**
var result;
        var app = angular.module('formExample', []);
        app.controller('FormCtrl', function ($scope, $http) {
            $scope.data = {};
            $scope.submitForm = function() {
                formData = $scope.regform;
                console.log("posting data....");
                var request = $http({ url: '/',data: $scope.regform, method: 'post' });

                console.log(formData);
            };
        });

然后，在

索引

模板中，您将可以访问表单数据，以按照自己的意愿进行显示，例如，如果您使用的是Jade，您可能会说：

res.render('index', {
  data: docsData,
  title: 'AJT Family',
  header: 'Some Users',
  body: req.body,  // This is your form data as a JSON object.
});

h1 Data!
p #{body}