首页 > 其他分享 >FormData以及封装Ajax

FormData以及封装Ajax

时间:2023-03-21 15:46:42浏览次数:34  
标签:封装 form FormData 表单 Ajax 键值

FormData

1.什么是FormData

  FormData是Ajax2.0(XMLHttpRequest Level2)提供的一种将form表单元素name和value组合成键值,实现表单数据的序列化,从而减少from表单元素的拼接,提高工作效率对的接口,以方便将form表单数据通过XMLHttpRequest.send() 方法发送到后端,可以使用该对象来处理form表单元素并方便的进行文件上传

 

2.FormData主要用途

  将form表单元素的name和value组合成键值对,实现表单数据序列化,提高开发效率。

  异步上传文件。

 

 

封装Ajax

初步封装一个简单的ajax函数:

  ajax函数封装.html中js代码:

 

标签:封装,form,FormData,表单,Ajax,键值
From: https://www.cnblogs.com/qihaokuan/p/17240248.html

相关文章

  • 这样封装echarts简单好用
    为什么要去封装echarts?在我们的项目中,有很多的地方都使用了echarts图表展示数据。在有些场景,一个页面有十多个的echarts图。这些echarts只是展示的指标不一样。如果我......
  • 二级菜单、多个Ajax请求的并发执行
    二级菜单     多个Ajax请求的并发执行     ......
  • 微信小程序封装API接口(2)
    先建一个api文件夹(叫什么都可以,但是为了规范化),在下面新建文件request.js// ----http----// api URLconst apiUrl = "https://接口地址:端口";// 公共的请求地址......
  • allegro17.2 画封装如何定位原点?
      2.鼠标要放在 pin脚周围,右健捕获管脚snappickto---pin,即可设置原点到管脚中心。注意画焊盘时就要把原点定位在shape中心位置。 ......
  • Ajax及其应用
    目录Ajax工作原理XMLHttpRequests对象用法Ajax工作原理AjaxAjax是前后端异步交互的工具,异步更新,ajax包含XMLHttpRequests对象(异步地与服务器交换数据,AJAX核心......
  • Comet4J AJAX 服务器推送框架
    Comet4J(CometforJava)是一个纯粹基于AJAX(XMLHTTPRequest)的服务器推送框架,消息以JSON方式传递,具备长轮询、长连接、自动选择三种工作模式。功能特性推送消息广播。......
  • ajax处理下载文件请求
    前言碰到了一个前端的小问题,django后端提供了一个下载文件的接口,前端页面点击下载,通过window.location.href,就能直接下载到本地,但是当接口内部查询失败,则会通过json格式返......
  • 封装Ajax-4、封装Ajax-5
    封装Ajax-4    封装Ajax-5 ......
  • 封装Ajax-2、封装Ajax-3
    封装Ajax-2 在地址上添加数据addParam(){const{params}=this.options;if(!params)return;}exportdefault Ajax;工具函数constserialize=param=>{......
  • 设置Ajax跨域支持post提交
    ajax跨域提交默认get传参  需要后端配置支持post提交<script>$.ajax({dataType:'jsonp',jsonp:'callback',data:{data:data},url:url,......