Ajax - 尝试替换而不是追加

Question

我对ajax一无所知。我正在使用 Flask 运行一个带有 python 的网络应用程序。这是关于提交表格后的回复。一切正常，除了每次我按下提交时，最新的回复都附加在最后一个下方（直到您刷新页面）。我已根据输出将其缩小到配置的一个可能部分。这是我感到困惑的部分：

    response =response.result;
                     $.each(response,function(key,val){
                     console.log(val);
                        html+="<p>"+val+"<p>"
    
                    });
                    html +="<br>";
                    $(".show-data").append(html);
                });

我注意到 'append(html)' 这让我搜索了一些 ajax 函数。我试过了： '$(".show-data").replaceWith(html);' 我在其他地方看到过，但在这里没有。

是否有人对 Ajax 有很好的了解，知道这里要做什么？在此先感谢您的任何建议。

Answer 1

您可以将 $(".show-data").append(html); 更改为 $(".show-data").html(html);

html() 的工作方式或多或少类似于标准 javascript.

中的 innerHTML

Ajax - 尝试替换而不是追加

Ajax - trying to replace instead of append

jquery

ajaxform