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应用程序中实现自动保存。然而,我对两件事感到困惑

  • 在本例中,代码保存在什么位置?当我重新加载页面时,我写的文本不再存在
  • 我试图将他们的实现示例合并到我的代码中,但没有成功。文本框及其上方的灰色“无更改”文本看起来很好,但在我键入时,此文本不会更改。如果我复制的HTML、CSS和JS与示例中的完全相同,这怎么可能呢

  • 很抱歉提出了这些基本问题,请提前感谢。

    简短的回答是:因为您可能没有实现服务器端,例如,
    /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就足够了吗

  • 还不够。您还需要使用服务器应用程序来保存评论。

    请在问题本身中包含一个。此外,不要将问题建立在指向外部站点的链接上,因为该链接可能会消失。