重用文本区域

Question

概述：

我正在做一个小测验，在顶部发布一个问题（从ajax获取），你可以在文本区域回答。单击下一个按钮，我希望它将输入发布到我的MongoDB，然后在顶部显示一个带有新问题的空文本区域，而不加载新页面。同样，如果您点击之前我想要显示上一个问题以及文本区域中的答案。

我想我可以在下一个/上一个之间存储带有cookie的答案，但我主要不确定这个以及如何在不加载新页面的情况下显示空白区域（我不熟悉Angular）。 / p>

HTML：

       <form name="answers" method="post">
        <textarea rows="30" cols="150" id="editor"></textarea>

             <div class="btn-group" role="group" aria-label="...">
             <button type="button" class="btn btn-default" id='previous'>Previous</button>
           <button type="button" class="btn btn-default" id='next'>Next</button>

        </div>

     </form>

提交

AJAX POST：

 $( "#next" ).click(function() {
        var info = $('#editor').val()
        $.ajax({        
            url: "/tests/" + authCode,
            type: "POST",
            dataType: "json",
            data: {authCode: authCode}, {info: info},
            contentType: "application/json",
            cache: false,
            timeout: 5000,
            complete: function() {
              //called when complete
              console.log('process complete');
            },

            success: function(data) {
              console.log(data);
              console.log('process sucess');
           },

            error: function(err) {
                console.log(err);
              console.log('process error');
            },
        });