AJAX：更新页面上的文本区域而不重新加载

【问题标题】：AJAX: Update textarea on page without reloadingAJAX：更新页面上的文本区域而不重新加载
【发布时间】：2016-09-12 08:06:16
【问题描述】：

我正在尝试在提交表单时更新网页上的文本区域而不刷新整个页面。我试过像这样使用 AJAX：

$("#db_info").load(document.location.href + ' #db_info');

但是当我提交表单时，它不仅仅更新 textarea 中的文本，而是在其中创建了一个新的嵌套文本区域，并导致它显示为空白。如何在不完全重新加载页面的情况下更新 textarea？

编辑：我终于想通了。我用的是：

$.get("", function(data){
    document.getElementById("db_info").innerHTML = $(data).find('#db_info').html();
});

【问题讨论】：

【解决方案1】：

我不太明白你的问题，但如果你想更改 textarea 的值，你应该这样做：

$("textarea#textareaid").val(value);

【讨论】：

AJAX 有一个.load 函数。它在不刷新整个页面的情况下从 id 更改页面中某些内容的值。 $("#db_info").load 将更改 ID 为 db_info 的 textarea 的值。第二部分：(document.location.href + ' #db_info') 是它将放在文本区域内的内容。它以网页为参数，但可以通过 ID 将其缩小到网页的一部分。当我尝试使用它时，它会在原始文本区域中插入一个文本区域，使它们嵌套，并且没有任何内容出现在其中。
这对我帮助很大，因为像 $("#textareaid").val(value); 这样的未知错误构造没有刷新（不管 text() 或 val()）使用 $("textarea#textareaid").val(value);