javascript - 无需离开网页即可编辑列表

标签 javascript php sql

抱歉,我真的不知道如何命名这个问题。因为我真的不知道从哪里开始搜索。

我的问题如下。我正在从数据库加载字符串列表并将其显示在网页的表格中。我将如何在停留在页面上时编辑这些字符串?例如,通过单击一个条目,就会出现一个输入字段。

对其他问题的任何指示或引用都会有所帮助。

最佳答案

AJAX 是解决方案
AJAX = 异步 JavaScript 和 XML。

AJAX 的工作原理: enter image description here

示例:
html

<!DOCTYPE html>
<html>
<body>

<div id="demo">
  <h2>Let AJAX change this text</h2>
  <button type="button" onclick="loadDoc()">Change Content</button>
</div>

</body>
</html>

js:

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "example.txt", true);
  xhttp.send();
}

源代码:https://www.w3schools.com/js/js_ajax_intro.asp

希望这会有所帮助:)

关于javascript - 无需离开网页即可编辑列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50562934/

相关文章:

php - 从 MySQL 表中获取最近的日期

javascript - Node.js中如何实现两个数组之间的增删改查?

javascript - Vue cli 3 项目别名 src 到 @ 或 ~/不工作

php - 使用 SQL 将 UTC 时间戳转换为 EST 日期和时间

sql - "Join"顺序是否会导致查询性能不同

php - 保护与 PHP 应用程序集成的 Node.js 应用程序

javascript - TypeScript 中的运算符 && 与 Java 的工作方式相同吗?

Javascript:看似有效的代码导致未捕获错误:NOT_SUPPORTED_ERR:第 3 行的 DOM 异常 9

php - Laravel/Eloquent 关系不一致

php - Codeigniter - 将列的值传递给另一个表的列