form和jq和axios请求格式区别

最新推荐文章于 2024-06-25 03:14:11 发布
最新推荐文章于 2024-06-25 03:14:11 发布
阅读量584 收藏
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43586840/article/details/104234887
版权
说到请求数据，避免不了请求报文，但是什么是请求报文呢，
请求报文分为请求行,请求头,请求体,
而post请求都是在请求体中的,这个就不多说了
请求头中的Content-Type **
请求头中的Content-Type决定了请求体中的数据是以什么编码格式进行传输的,
这也就是为什么一个刚入职的前端程序员和后台无法很好的进行交互，
问题就是出在了请求格式的错误      即Content-Type

举两个简单的例子
axios发送请求的时候数据默认是以json(application/json)格式编码的
jQuery和form表单提交的时候请求体中的数据默认是urlencode编码
这里声明form表单提交是跳转到一个新页面
所以前端在进公司的时候是通过Content-Type进行约定,到底是以什么格式进行传输数据

遇见前端传给后台的数据不能解析的话,首先找Content-Type
让后台加能解析json和urlencode编码的,(但是一般不会出现这么低级的错误,除非是小白)

举两个简单的例子首先进行form表单提交
在这里插入图片描述
可以看出form请求的格式

下面是jq和axios
在这里插入图片描述
这里可以看出jq请求的格式是urlencode编码 charset='utf-8’自动加上去的
Form Data 里面是传递的参数
** axios请求 **
在这里插入图片描述
这里咱们上面说过axios请求格式是application/json格式进行传输数据的
所以传递的参数自动转换成json格式

以上便是请求编码的简单区别,说的都是post请求

「已注销」
关注
jQuery中的axios
m0_68169119的博客
08-18 2103
jQuery中的axios
传递参数格式为form-data与json的区别，以及ajax、axios、fetch请求的方式
热门推荐
qq_35046569的博客
09-18 2万+
标题前端请求后台接口时，传递参数格式为form-data与json的区别 一、form-data格式 请求头： 1.application/x-www-form-urlencoded 表单格式提交数据，通过form标签的action属性，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据 html: <form id="myform" onsubmit="return false;"> 用户名：<i
Ajax与传统表单提交的区别
rongwenbin的专栏
08-09 1130
Ajax提交是通过js来提交请求，请求与响应均由js引擎来处理，页面不会刷新，用 户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻， 而又不想老是去点刷新按钮，我们就可以用Ajax机制来实现。网上的客服软件也是 ajax请求的一个比较好的案例。传统的请求页面将实现刷新，因此局限性很大。    1.     为什么用AJAX？     使用AJAX，用户对Web的体验会更
表单提交-form提交和ajax提交
gghh2015的博客
01-21 1万+
1、使用场景： 安全性都一样，都是发送的http协议。安全性与提交文件的业务处理（格式检测，防注入）有关，与提交方式无关。 一般登录用表单提交，点击提交触发submit事件，一般会 使页面发生跳转，页面的跳转等行为的控制往往在后端，后端控制页面的跳转及数据的传递；但是某些时候不希望页面跳转，或者说想要将控制权放在前端，通过js来操作页面的跳转或数据变化，一般这种
Form表单axios请求
最新发布
m0_62672537的博客
06-25 220
文件上传时，使用input file 标签，使用onchange事件，来获取file对象文件，file使用file[0]来获取，new一个FormData()对象，将获取的file对象通过append 加到 formData对象实例上，通过ajax的send方法，或者通过 axios 将formdata 对象实例发送到后台；版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/weixin。
vue elementui 中使用 form submit 和 axios 提交数据
11-25 7428
有一个通用的 form 组件，内部渲染了海量的 form 元素，有input、checkbox、select，radio 等。 这样一个组件，我肯定不能手动排版啊。 果断跟后台商量一下，通过后台返回的 json 数据来动态渲染，另外一些不方便放回的，本地写个json。 写完美滋滋。 一提交数据，发现后端验证不通过，杀人.jpg 打开 network，看看何方妖孽在兴风作浪？ 发现由于 vue 中，所有的表单数据都会定义在 data 函数的 form属性下 data(){ return { form:
form表单提交的几种方式
weixin_46688629的博客
08-06 2536
表单提交方式一：直接利用form表单提交 html页面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> <body> <form action="http://localhost:8080/user" method="post"> u
Ajax详解(手写jq和axios部分实现)
杨兴元的博客
05-14 695
含义： async javascript and xml 异步的js和xml XML为一种文件格式 Ajax原生JS操作 //一、创建Ajax实例 let xhr = new XMLHttpRequest(); //二、打开请求: 发送请求之前的一些配置项 //1.HTTP METHOD:GET/POST/PUT/DELETE/HEAD/OPTIONS/TRACE/CONNECT/ //2.ur...
Ajax的编辑修改案例，form表单概念和提交数据，jq序列化，快速获取表单数据，get和post请求，axios简写，上传图片加传送到服务器，拦截器使用加网址
发果叁
05-19 338
1.图书管理-编辑 就是点一下编辑的时候把需要编辑的数据渲染到编辑框内 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scala
axios理解和使用
wucan111的博客
01-03 1944
axios 如果你还是对Promise比较生疏，那你对axios的深入了解一定会存在一些壁垒，更是难以对Axios进行上层封装，因此推荐先阅读了解Promise，再上手axios 资料： axios 中文说明 axios 官网 axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。在Web端本质上就是Ajax + Promise，服务端是htttp + Promise 一、理解Axios为什么兴起 完美的结合Promise 的使用，在fetch兼容性不
jQuery+Ajax+Axios
weixin_54236608的博客
06-22 242
总结一、JQuery二、jQuery Ajax三、Axios 一、JQuery 点击 $(document).ready(function(){ 代码 })表示文档在完全加载完之后，运行JQuery代码 当使用$发生冲突时,就将$替换为JQuery即可 获取/修改标签中的内容 <script> $(document).ready(function() { //获取/修改标签中的内容 var text = $('#box').t
xhr, jquery.ajax, axios前端发送请求
nnjy_1993的博客
03-20 898
是最底层的 API，适用于需要直接控制 HTTP 请求的场景。jQuery 的 AJAX 方法：提供了更高级、更简洁的接口，适用于使用 jQuery 的项目。Axios：是一个现代、功能丰富的 HTTP 客户端，适用于大多数现代前端项目，特别是与结合使用时。
Ajax学习笔记（二）：jQuery 中的 AJAX、axios发送AJAX请求、AJAX-jQuery通用方法发送AJAX请求、fetch发送AJAX请求、同源策略、JSONP、CORS
weixin_62764364的博客
04-09 1630
type:设置返回内容格式，xml, html, script, json, text, _default。实现用户校验，服务端响应体是一个函数，先声明handle函数，然后创建script标签，利用src属性请求数据。type:设置返回内容格式，xml, html, script, json, text, _default。AJAX默认遵循同源策略。这是一个跨原的一个请求的设置，匿名的意思，加上这个请求时将不会写在当前域名的。案，它的特点是不需要在客户端做任何特殊的操作，完全在服务器中进行处理，支持。
vue使用axios请求传参方式data和form-data的区别和使用说明
海贼王某人的博客
08-31 3751
1.先说一下form-data和data的传产方式： 今天我自己遇到这样的问题，后台post传参数需要用form-data格式，我开始是如下这样写的，其实这是最普通的data传参，和form-data是不一样的： let id = this.getId(); //随机生成ID let title = this.title let content = this.editorContent; this.$axios({ url: 'http:/
jQuery和axios的异步请求原理
大白的博客
07-25 2489
jQuery和axios的网络请求原理
jquery的ajax与axios的异同,以及何为promise对象?
梦里梦一的博客
08-16 3155
前言:据了解,发送请求还有fetch方法,但并未了解.重点是最好用的是axios,不接受反驳.~-~ 相同点 本质上都是对XMLHttpRequest异步对象的封装. 不同点 jquery的ajax是通过回调函数的形式获取数据的,而axios是通过Promise对象来获取数据的....
jquery||axios
muguazhuye的博客
10-30 592
下载jQuery ：https://jquery.com/download/
Axios库-form 标签的属性,axios请求方法别名,axios拦截器使用,文件上传FormData的基本用法
weixin_40630195的博客
01-11 2735
Axios库-form 标签的属性,axios请求方法别名,axios拦截器使用,文件上传FormData的基本用法
js中axios请求和vue中axios请求的区别
04-27
在使用上，JS中和Vue中的axios请求是一样的，都是通过发送HTTP请求来获取数据。但是，Vue中的axios请求更加方便和灵活，因为Vue框架本身就集成了axios，并且提供了一些便于使用的API，比如在Vue组件中使用this.$http.get方法来发送GET请求。 此外，在Vue中使用axios还可以通过拦截器来对请求进行全局处理，比如添加请求头、处理请求参数等。而在JS中使用axios则需要手动配置拦截器。 另外，Vue还提供了一些其他的数据请求方式，比如Vue-resource和Vuex-actions，在一定程度上也可以替代axios。但是，axios仍然是一个非常流行和常用的数据请求库，因为它支持Promise，并且可以在浏览器和Node.js环境下使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值