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