首页 > 其他分享 >使用原生js提交form表单

使用原生js提交form表单

时间:2023-09-24 13:12:51浏览次数:34  
标签:const target form res formId 表单 formJson js

主要函数

    function form(formId,callback){
        try{
            const target=document.getElementById(formId);
            target.addEventListener("submit",(e)=>{
                e.preventDefault();
                const formData=new FormData(e.target);
                const formJson = Object.fromEntries(formData.entries());
                callback(formJson);
            })
        }catch(e){
            throw e;
        }
    }

 

 

测试函数

    form("myform",(res)=>{
        fetch("/url/test",{
            method:"post",
            headers:{
                "Context-Type":"application/json"
            },
            body:JSON.stringify(res)
        }).then((res)=>{
            console.log("data:",res)
        })
    })

 

标签:const,target,form,res,formId,表单,formJson,js
From: https://www.cnblogs.com/liudongcai/p/17725872.html

相关文章

  • jstl.jar和standard.jar
    使用c标签的时候需要导入jstl.jar和standard.jar这两个文件位于tomcat的lib目录下 需要将他们导入Javaweb项目的lib目录下(lib需要自己创建)......
  • notepad安装json格式化工具
    Notepad++是Windows下一款非常好用的免费多语言代码编辑器,可以通过添加JSON格式化插件,更方便的协助我们将JSON数据格式化为观看更直观友好的格式插件名称:JSONViewer1.在线安装1.1打开Notepad++,选择插件>插件管理>可用>搜索关键词json即可找到JSONViewer1.2......
  • 哪个JavaScript混淆工具更好用?测评葡萄牙的JScrambler和中国的JShaman
    两款顶级JavaScript混淆工具测评:JScrambler和JShaman出于JavaScript代码安全需求,JavaScript混淆已经被广泛使用。在这个领域中,有免费的小工具,也有专业、商业级的产品。商业产品在功能强度、保护效果、稳定性等各方面都是全优于免费小工具的。本文将对两款专业、商业JavaScript......
  • Next.js 13.5 正式发布,速度大幅提升!
    9月19日,Next.js13.5正式发布,该版本通过以下方式提高了本地开发性能和可靠性:本地服务器启动速度提高22%:使用App和PagesRouter可以更快地进行迭代HMR(快速刷新)速度提高29%:在保存更改时进行更快的迭代内存使用量减少40%:在运行nextstart时测量优化的包导入:使用......
  • js实现轮播图
    功能需求用js实现轮播图实现思路1:准备一个HTML结构,创建一个包含多个轮播项的容器,每个轮播项包含一个图片和一个指示器2:编写css样式,设置轮播容器样式,包括宽度、高度、溢出隐藏等3:编写JavaScript代码,实现轮播图的切换功能,添加指示器,用于显示当前的图片和指示下一个图片的位置;实现指示......
  • lululemon Chargefeel 2 Performance Review
    Fortherecord,itgoesagainsteveryfiberofmyselectivelynerdybeingtoforegocapitalizationofpropernouns.So,dearreader,pleaseknowthatwhenIwrite“lululemon”,I’msimplyabidingbythecompany’sownstandardsetforthinthemarketingmat......
  • Postman 中 Pre-request Script 加密脚本 CryptoJS-AES-ECB-128
    参考链接:http://jser.io/2014/08/19/how-to-use-aes-in-crypto-js-to-encrypt-and-decryptAug19,2014 //明文test_Str=`{"pageNo":1,"pageSize":15}` constplaintText=test_Str;constkeyStr='3333333333333333';//一般key为一个字......
  • 浏览器内核和js引擎
    浏览器内核是什么?简而言之,浏览器内核就是把我们编写的代码转换为页面的中控件。虽然现在大家谈起浏览器内核时,多指代渲染引擎(Renderingengine或layoutengineer)。但其实浏览器内核包括了两部分,渲染引擎和JS引擎,只是后来JS引擎用的越来越多所以就单独的把JS引擎拿了出来。 Ja......
  • nodejs 字符串、数组、对象之间的相互转换
    vararr=['a','b','李四']varstr=JSON.stringify(arr)console.log(typeofstr)varobj={name:'liuneng',age:56,sex:'女'}varstr1=JSON.stringify(obj)console.log(typeofstr1)//字符串转对象//对字符串要求很高,需要单引号包住双......
  • JS 设置定时器与清除定时器
    在前端,一些功能的实现需要用到定时器:轮询、定时开关弹窗、秒表、定时跳转等。。一、设置定时器window提供两个方法实现:setTimeout、setIntervalsetInterval():使一段代码每过一段时间就执行一次,比如轮询setInterval(()=>{console.log('setInterval定时器')},1000)s......