Javascript 如何在webapp上实现自动保存
我正在尝试合并这个代码Javascript 如何在webapp上实现自动保存,javascript,Javascript,我正在尝试合并这个代码 var timeoutId; $('textarea')。按键(函数(){ if(timeoutId)clearTimeout(timeoutId); timeoutId=setTimeout(函数(){ $.ajax({ url:“/savecomment”, 数据:{comment:$(this.val()} }); }, 750); }); 从教程中选择如何在我的web应用程序中实现自动保存。然而,我对两件事感到困惑 在本例中,代码保存在什么位置?当我重新加载页面
var timeoutId;
$('textarea')。按键(函数(){
if(timeoutId)clearTimeout(timeoutId);
timeoutId=setTimeout(函数(){
$.ajax({
url:“/savecomment”,
数据:{comment:$(this.val()}
});
}, 750);
});
从教程中选择如何在我的web应用程序中实现自动保存。然而,我对两件事感到困惑
很抱歉提出了这些基本问题,请提前感谢。简短的回答是:因为您可能没有实现服务器端,例如,
/savecomment
端点用于$.ajax()
调用
我认为这是一个过度设计的示例,可以通过localStorage
轻松解决,可以这么简单:
//检查页面加载时是否有要还原的内容
$(窗口).on('load',function(){
if(localStorage.getItem('text')){
$('textarea').val(localStorage.getItem('text'));
}
});
$('textarea')。在('input',function(){
setItem('text',$(this.val());
//在真正的浏览器中,您可以通过
//取消对下一行的注释无效
//在沙箱中运行此代码段。。。
console.log('savedtext:',localStorage.getItem('text');
});
$('form')。在('submit',function()上{
警报(“通过AJAX调用实际将文本保存到服务器”);
//成功保存后,应清除保存的文本
//服务器上的内容
localStorage.removietem('text');
});代码>
保存到服务器
它保存在哪里
它保存在应用程序中,该应用程序在/savecomment路径中运行。您需要实现这个端点
生成html、css和js就足够了吗
还不够。您还需要使用服务器应用程序来保存评论。请在问题本身中包含一个。此外,不要将问题建立在指向外部站点的链接上,因为该链接可能会消失。