表单提交不成功且innerHTML不更新。
创始人
2024-12-09 19:02:00
0
  1. 确认表单的提交方式和接受方式是否正确。

    如果提交方式为“GET”,则需要在 URL 中指定查询字符串。

    如果提交方式为“POST”,则需要亚当将数据发送到服务器的处理程序提交数据。在表单中使用 action 属性指定处理程序的 URL。

  2. 使用 JavaScript 检查表单的数据是否被正确获取。

    查看表单元素的值是否被正确获取,例如使用 getElementById 等方法就可以获取。

    确认元素 id 是否正确。

  3. 确认 innerHTML 的属性是否被正确设置。

    确认元素 id 是否正确。

    确认是否使用正确的语法来设置 innerHTML 的值,例如未使用引号或双引号。

    确认是否在设置属性时正确地使用了大小写。

    确认是否使用正确的数据类型。例如,使用字符串时应使用字符串类型,使用数字则应使用数字类型等。

以下是一个示例,如果您的表单仍然无法成功提交并更新 innerHTML,请您根据您的具体情况查找错误:

HTML:

JavaScript:

var submitButton = document.getElementById('submit');
var nameField = document.getElementById('name');
var statusElement = document.getElementById('status');
submitButton.addEventListener('click', function() {
  // 获取表单的值
  var name = nameField.value;
  // 检查 name 是否正确获取
  console.log(name);

  // 使用 ajax 提交表单并接受返回值
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      // 服务器正确接收并处理请求
      if (xhr.status === 200) {
        // 将结果更新到 innerHTML 中
        statusElement.innerHTML = xhr.responseText;
        // 检查是否已正确设置

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...