Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 重复使用文本区域 概述:_Javascript_Jquery_Html - Fatal编程技术网

Javascript 重复使用文本区域 概述:

Javascript 重复使用文本区域 概述:,javascript,jquery,html,Javascript,Jquery,Html,我正在做一个小测验,在测验的顶部贴出一个问题(从ajax get中提取),你可以在文本区回答。单击next(下一步)按钮后,我希望它将输入发布到我的MongoDB,然后在顶部显示一个空白文本区域,其中包含一个新问题,而不加载新页面。同样,如果你点击“上一个”,我希望在文本区显示上一个问题和答案 我想我可以在下一页/上一页之间用cookies存储答案,但我主要不确定这一点,以及如何在不加载新页面的情况下显示空白区域(我不熟悉) HTML: 您对此有什么问题?单击“下一步”后,文本区域不再显示为空白

我正在做一个小测验,在测验的顶部贴出一个问题(从ajax get中提取),你可以在文本区回答。单击next(下一步)按钮后,我希望它将输入发布到我的MongoDB,然后在顶部显示一个空白文本区域,其中包含一个新问题,而不加载新页面。同样,如果你点击“上一个”,我希望在文本区显示上一个问题和答案

我想我可以在下一页/上一页之间用cookies存储答案,但我主要不确定这一点,以及如何在不加载新页面的情况下显示空白区域(我不熟悉)

HTML:
您对此有什么问题?单击“下一步”后,文本区域不再显示为空白。我还想单击“上一步”,让它显示以前键入的内容。发布文本时,需要使用
$(“#编辑器”).val(“”
)清空文本区域。“上一个”按钮需要调用其他服务器方法才能获取上一个问题和发布的答案。@Archer谢谢这就是我要找的!URL中是否有可以获取值的唯一id?您对此有什么问题?单击“下一步”后,文本区域不再显示为空白。我还想单击“上一步”,让它显示以前键入的内容。发布文本时,需要使用
$(“#编辑器”).val(“”
)清空文本区域。“上一个”按钮需要调用其他服务器方法才能获取上一个问题和发布的答案。@Archer谢谢这就是我要找的!URL中是否有可以获取值的唯一id?
       <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>
 $( "#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');
            },
        });