JavaScript JSON与定时器

  1. JavaSript JSON简介
    JSON:JavaScript对象表示法(JavaScript Object Notation)
    JSON是存储和交换文本信息的语法:
    1.JSON是轻量级的文本数据交换格式
    2.JSON独立于语言和平台
    3.JSON具有自我描述性,更容易理解。
    类似于xml,比XML更小、更快、更易解析 (XML:指可扩展标记语言。XML被设计用来传输和存储数据。)
    JSON语法
    JSON语法是JavaScript对象表示语法的子集
    1.数据在名称/值对中(数据在键值对中) 2.数据由逗号分隔
    3.花括号保存对象({}) 4.方括号保存数组([])
    JSON值可以是:数字(整数或浮点数) 字符串(在双引号中)
    逻辑值(true或false) 数组(在方括号中)
    对象(在花括号中) null
    JSON 对象(JSON对象在花括号中书写,对象可以包括多个键值对)
    1.没有声明变量(JSON中没有变量的概念)
    2.末尾没有分号(因为这不是JavaScript语句,所以不需要分号)
    注意:与JS不同,JSON中对象的属性名任何时候都必须加双引号
    在这里插入图片描述

JSON数组(在方括号中书写,数组可包含多个对象)
注意:JSON数组中没有变量和分号。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是使用Javascript完成表单验证及定时器使用代码的示例: ```javascript // 获取表单元素 const form = document.querySelector('form'); const usernameInput = document.querySelector('#username'); const passwordInput = document.querySelector('#password'); const confirmPasswordInput = document.querySelector('#confirm-password'); // 设置定时器 let timer = null; // 验证函数 function validateForm() { // 获取输入框的值 const username = usernameInput.value; const password = passwordInput.value; const confirmPassword = confirmPasswordInput.value; // 判断输入框是否为空 if (!username) { alert('用户名不能为空'); return false; } if (!password) { alert('密码不能为空'); return false; } if (!confirmPassword) { alert('确认密码不能为空'); return false; } // 判断密码是否一致 if (password !== confirmPassword) { alert('两次输入的密码不一致'); return false; } // 表单验证通过 alert('表单验证通过'); return true; } // 给表单元素绑定提交事件 form.addEventListener('submit', function(event) { // 阻止表单默认提交行为 event.preventDefault(); // 清除定时器 clearInterval(timer); // 调用验证函数 validateForm(); }, false); // 给密码输入框绑定输入事件 passwordInput.addEventListener('input', function(event) { // 清除定时器,避免连续请求 clearInterval(timer); // 设置定时器,延迟500毫秒请求 timer = setTimeout(function() { // 发送请求 fetch('/validate-password', { method: 'POST', body: JSON.stringify({ password: event.target.value }), headers: { 'Content-Type': 'application/json' } }) .then(function(response) { return response.json(); }) .then(function(data) { // 根据返回结果给出提示 if (data.valid) { alert('密码强度合格'); } else { alert('密码过于简单'); } }) .catch(function(error) { console.error(error); alert('请求失败,请重试'); }); }, 500); }, false); ``` 以上代码可以完成基本的表单验证和密码强度检测功能。需要注意的是,该示例中的 '/validate-password' 接口需要自行实现。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值