切换·Esc 返回

JavaScript

编程语言
JavaScript 是可在浏览器和 Node.js 等运行环境中执行、用于实现交互和程序逻辑的编程语言例如,点击“完成”后,它可发送请求并把待办状态更新到页面。浏览器代码不应保存密码或单独决定权限;这些规则仍需由后端检查。
也常被叫作JS
开始前

知道网页按钮可以点击。

看完后

能说出一次点击怎样触发请求,并让页面显示新的内容。

点一下“完成”,页面为什么会变?
task.js
1button.addEventListener("click", async () => {
2 const task = await fetch("/api/task/1")
3 row.textContent = task.done ? "已完成" : "未完成"
4})
localhost:3000
整理会议笔记
还没有点击
刚才发生了什么
  1. 1
    先听到点击

    按钮被点到时,JavaScript 会运行为这次点击准备的动作。

  2. 2
    再等回应

    它可以向服务器要更新后的清单;网络慢或失败时,回应不会立刻出现。

  3. 3
    最后改眼前这一块

    拿到结果后,代码把待办的文字或状态换掉,浏览器便重画这一小块页面。

你现在这样判断就够了

看到“点击后页面变了”,先找处理点击的代码和请求结果;不要把密码或权限判断只放在浏览器里。

接下来学什么
延伸阅读 · 权威出处