【前后端交互】前端提交数据到后端方式解析

本文涉及的产品
云解析DNS,个人版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 【1月更文挑战第15天】【前后端交互】前端提交数据到后端方式解析

一、Get方式:
Get请求方式是将参数列表拼接到URL中,后端通过解析URL请求地址从而获得提交的参数列表:

https://www.baidu.com/s?wd=tets&rsv_spt=1&rsv_iqid=0xb343812e0083a195&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_sug3=5&rsv_sug1=2&rsv_sug7=100&rsv_sug2=0&inputT=876&rsv_sug4=1754
实际上,这里的话首先是一个问号,分隔URL和参数列表,?后的参数列表,按照键值对的形式分割。

二、Post方式:
常用表单方式(application/x-www-form-urlencoded):
之所以说这种方式是默认的是因为你在使用ajax提交数据的时候如果不指定的话就会默认采用这种形式。当然,这种方式的特点就是将所有的数据变成键值对的形式存放在Request的Body中。但是需要说明的是,这种方式是不支持文件上传的。

支持文件上传(multipart/form-data):
这种方式需要强调的一点就是它支持文件的上传,这个是非常重要的。当然,要使用这种格式的话,你必须注意解析的方式。其将会把窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。也就是说,如果有 type=file 的话,就要用到 multipart/form-data 了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file)、Content-Type(默认为text/plain)、name(控件name)等信息,并加上分割符(boundary)。

json提交(application/json):
这种方式就是在ajax提交的时候,在type上注明application/json。这样的话就会把你所提交的信息吧变成json提交上去。

三、Post和Get方式的区别:
image.png

相关文章
|
7天前
|
前端开发 JavaScript API
探索现代Web开发中的动态数据交互——前端与后端整合实战
本文探讨了现代Web开发中前端与后端整合的关键技术点,通过实际案例演示了如何利用JavaScript和Node.js实现动态数据交互,全面解析从数据请求到响应的全过程。
|
4天前
|
JSON 前端开发 Java
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
21 6
|
4天前
|
前端开发 数据库 开发者
构建高效后端:Django框架在Web开发中的深度解析
**Django框架深度解析摘要** Django,Python的高级Web框架,以其快速开发和简洁设计备受青睐。核心特性包括Model-Template-View架构、ORM、模板引擎和URL路由。通过创建博客应用示例,展示从初始化项目、定义模型、创建视图和URL配置到使用模板的流程,体现Django如何简化开发,提高效率。其强大功能如用户认证、表单处理等,使Django成为复杂Web应用开发的首选。学习Django,提升Web开发效率。【6月更文挑战第24天】
34 1
|
6天前
|
前端开发 JavaScript Java
SSMP整合案例第六步 在前端页面上利用axios和element-ui与后端交互实现增删改
SSMP整合案例第六步 在前端页面上利用axios和element-ui与后端交互实现增删改
12 1
|
9天前
|
Java 关系型数据库 数据库连接
【MyBatis】初步解析MyBatis:实现数据库交互与关系映射的全面指南
【MyBatis】初步解析MyBatis:实现数据库交互与关系映射的全面指南
16 1
|
13天前
|
缓存 前端开发 JavaScript
【前端性能优化】深入解析重绘和回流,构建高性能Web界面
【前端性能优化】深入解析重绘和回流,构建高性能Web界面
21 1
|
5天前
|
前端开发 JavaScript API
Python前端与后端的完美融合
【6月更文挑战第20天】文章探讨全栈开发趋势,指出Python因其简洁语法和丰富生态在全栈领域受青睐。讲解全栈概念,强调Python的易学性、广泛适用性和高开发效率。通过Flask和HTML/JS示例展示前后端融合,介绍数据库集成、前端扩展技术及自动化测试。强调安全性、性能优化和社区资源的重要性,鼓励开发者持续学习和实践,以应对全栈开发中的挑战。
10 0
|
5天前
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
|
13天前
|
存储 缓存 移动开发
前端开发中常用的存储方法(带解析)
前端存储方法包括Cookie、localStorage、sessionStorage、IndexedDB和已废弃的WebSQL。Cookie用于存储小量数据,每次请求时发送到服务器,可设置过期时间。localStorage和sessionStorage都是HTML5提供的,前者数据永久存储,后者会话关闭后清除。IndexedDB是存储大量结构化数据的数据库,支持索引和事务。WebSQL已废弃,但部分浏览器仍支持。Cache Storage用于缓存响应,提高离线访问性能,通过Service Worker控制。
|
3天前
|
IDE Java 开发工具
Spring Boot:加速Java后端开发的现代化利器
在当今快速迭代的软件开发环境中,Spring Boot 已成为Java后端开发领域的首选框架。作为Spring家族的一员,它以“约定优于配置”的设计理念,极大地简化了传统Spring应用的配置和部署过程,让开发者能够更加专注于业务逻辑的实现。本文将探讨Spring Boot的核心优势,并通过一个简单的示例展示如何快速启动一个基于Spring Boot的Java Web应用。
16 1

推荐镜像

更多