首页 > 其他分享 >前端传参

前端传参

时间:2024-07-12 14:42:58浏览次数:9  
标签:传参 form 前端 application 格式 data formData

前端传参参数各种格式详解

一、form-data
二、application/x-www-form-urlencoded
三、application/json
四、text/xml

总结

 

上传文件采用 form-data

一般接口采用 application/x-www-form-urlencoded

 

form-data

enctype 等于 multipart/form-data。
form-data格式一般是用来进行文件上传
调用接口的时候参数data等于formData,用console.log打印formdata为空,其实是有数据的。

const formData = new FormData();
formData.append('modelName', code);

// 使用get方法查看数据
formData.get('modelName') // code

二、application/x-www-form-urlencoded
如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。
表单的传参格式,常见的post传参格式
data等于一个对象(或者是一个数组——特殊的对象),json格式的参数使用JSON.stringfy()方法使参数变成formData格式

代码如下(示例):

data = {
name: '',
}

data = ['']

三、application/json
JSON 格式支持比键值对复杂得多的结构化数据
application/json 这个 Content-Type 作为响应头

四、text/xml
是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。
XML-RPC 协议简单、功能够用,各种语言的实现都有。

标签:传参,form,前端,application,格式,data,formData
From: https://www.cnblogs.com/hlgg/p/18298324

相关文章

  • 如何看待“前端已死”?
    现在所说的前端已死到底是怎么回事,首先毋庸置疑,现在的行情确实比之前差的太多了,不过前端并不是“死了”,这里的前端已死暗指两条第一就是对学历的要求更加严格了,比如之前找工作就算你学历或者年龄没有达到标准,但你只要能写页面也就睁一只眼闭一只眼过去了,现在不一样了,随着人数......
  • 前端如何接收EventStream中的数据?
    本文目录1、fetch2、EventSourcefetchfetch是浏览器内置的方法无需下载fetch("http://127.0.0.1:6594/ws/getAccessToken",{method:"get",}).then((response)=>{constdecoder=newTextDecoder("utf-8");......
  • 项目前端
    目录vue组件基础页面组件组件与链接关联按键绑定网址获取当前网页地址bootstrap常用★实现地图以及地图刷新游戏基类游戏对象地图变量函数null墙★PK页面vue组件基础组件名两个大写字母template,script,style(带上scoped,给该css加上随机字符串,不影响到其他组件)使用Bootstrap前......
  • 在前端面试中被问到曾经遇到的具有挑战性的项目或者难点项目时?
    在前端面试中被问到曾经遇到的具有挑战性的项目或者难点项目时,你应该挑选那些能够展示你技术能力、解决问题能力以及适应复杂情况能力的项目来回答。这些项目应该符合以下几个条件:技术复杂度较高:选择一个在技术上给你带来挑战的项目,可能是因为使用了新技术栈,或者技术实现上遇到......
  • 前端返回pdf时不显示内容,如何解决?
    ......
  • 前端必会原理--事件循环
    事件循环浏览器的进程模型何为进程?程序运行需要有它自己专属的内存空间,可以把这块内存空间简单的理解为进程每个应用至少有一个进程,进程之间相互独立,即使要通信,也需要双方同意。何为线程?有了进程后,就可以运行程序的代码了。运行代码的「人」称之为「线程」。一个进......
  • 370. 高端个人相册网站 大学生期末大作业 Web前端网页制作 html5+css+js
    目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有Web前端网页制作的各行各业的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这......
  • 接口文档的书写,git的拉取错误的解决,数据库多表查询的进一步认识(以后开发一定要先仔细
    202407111接口文档的书写:1.1首先写你这个大模块是什么功能。1.2开始根据你的功能写接口文档:2解决git拉取错误的问题:2.1出现这样的问题:(推送出错)2.2原因分析:可能因为重装过系统,或者是安装git的位置发生了变化等情况出现。2.3找到git的安装路径,打开gitbash之后,进......
  • 前端如何控制并发请求
    前端如何控制并发请求前端控制并发请求的关键思路api设计代码实现关键代码解读循环和Promise结合是怎样使用的呢?完善api,让其更加易用把上述功能封装成`p-control`npm包发布小结什么情况需要前端控制并发请求,在需要多次才能请求完所需数据的时候。比如接口一......
  • 前端如何取消接口调用
    ......