一、submit请求

代码

/**
 * 登录
 * created by lius on 2020-05-23
 * 
 */
login(){
	// 创建表单
	var requestForm = document.createElement('form');
	requestForm.style = "display:none;";
	requestForm.method = 'get';
	requestForm.action = '我是接口地址';
	requestForm.target = '_self';

	// 参数-用户名
	let username = document.createElement('input');
	username.type = 'hidden';
	username.name = 'username';
	username.value = '刘三儿';
	requestForm.appendChild(username);

	// 参数-密码
	let password = document.createElement('input');
	password.type = 'hidden';
	password.name = 'password';
	password.value = '123456';
	requestForm.appendChild(password);

	// 添加form
	document.body.appendChild(requestForm);
	// 发送请求
	requestForm.submit();
	// 删除form
	document.body.removeChild(requestForm);
},

二、JavaScript操作form

JavaScript可以用于操作HTML表单。以下是一些常见的表单相关操作：

1. 获取表单元素：可以使用document.getElementById或document.querySelector等方法获取表单元素。

var form = document.getElementById('myForm');

2. 提交表单：可以使用form.submit()方法提交表单。

form.submit();

3. 验证表单：可以使用表单元素的checkValidity()方法进行表单验证。

if (form.checkValidity()) {
  // 表单验证通过
} else {
  // 表单验证失败
}

4. 监听表单提交事件：可以使用表单元素的onsubmit事件监听表单提交。

form.onsubmit = function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  // 处理表单提交逻辑
}

5. 获取表单数据：可以使用表单元素的value属性获取表单字段的值。

var username = form.username.value;
var password = form.password.value;

6. 动态修改表单数据：可以使用表单元素的value属性设置表单字段的值。

form.username.value = 'newUsername';
form.password.value = 'newPassword';

这些只是一些基本的表单操作，JavaScript还可以通过添加事件监听器来实现更复杂的表单操作，例如实时验证、字段联动等。

三、后记

JavaScript是一种广泛使用的编程语言，主要用于网页开发。

JavaScript的基本概念：

• 变量和数据类型：在JavaScript中，你可以使用变量来存储各种数据，如数字、字符串、布尔值、对象、数组等。JavaScript是一种弱类型语言，这意味着变量的类型可以在运行时改变。
• 函数：函数是一段可重复使用的代码块，可以接受参数并返回一个值。在JavaScript中，函数可以作为一等公民，可以作为参数传递给其他函数，也可以作为变量存储。
• 对象：对象是包含属性和方法的集合。属性是变量，方法则是函数。在JavaScript中，对象是使用花括号{}来创建的。
• 事件：事件是用户与网页交互时发生的事情，如点击、鼠标移动、键盘输入等。JavaScript允许你定义事件处理程序，以便在事件发生时执行特定的代码。
• DOM（文档对象模型）：DOM是HTML和XML文档的编程接口，它提供了一种方式来访问和操作文档的结构。在JavaScript中，你可以使用DOM来动态地修改网页内容、结构和样式。
• 异步编程：JavaScript是单线程的，这意味着它一次只能执行一个任务。为了提高性能并允许用户与网页交互，JavaScript使用异步编程模型，如回调函数、Promises和async/await。
• 模块和模块化：在现代JavaScript开发中，模块是一种组织代码的方式。通过模块化，你可以将代码分解为独立的文件，每个文件都有一个特定的功能或任务。

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：HTML 定义了网页的内容，CSS 描述了网页的布局，JavaScript 控制了网页的行为。

四、热门文章

【温故而知新】JavaScript数字精度丢失问题
【温故而知新】JavaScript的继承方式有那些
【温故而知新】JavaScript中内存泄露有那几种
【温故而知新】JavaScript函数式编程
【温故而知新】JavaScript的防抖与节流
【温故而知新】JavaScript事件循环