vue axios跨域请求 axios发送请求,传递的参数是给后台的数据吗?
axios发送请求,传递的参数是给后台的数据吗?
默认情况下,当Axios发送post请求时,参数以JSON的形式传递到后台。后台(springmvc)需要添加注解@requestbody来映射到对象以接收它。后台开发人员认为我只有两个参数,我懒得封装另一个对象。让前端同事直接以表格的形式传递。所以我们有以下解决方案:
const form=new formdata()表单.append(“用户名”此用户名)
表单.append(“密码”此密码)
表单.append(“记住”这个。记得吗“”
const data=等待实例.post(“/auth/authorize”,新建URLSearchParams(form))
axios
.post(进程环境基API_uLogin“/auth/authorize”,new URLSearchParams(form))
。然后(function(response){控制台.log( 响应.数据)
}以前程序间通信的数据载体是XML。后来,在许多地方,JSON取代了XML。主要有:
1。JSON格式简单、轻量级,不需要前后标注,减少了宽带数据传输。
2. JS自然支持解析JSON,XML的前端和后端需要再次解析。
3. JSON传输支持更多类型,比如字符串、数组、布尔值。XML解析字符串。
网页不需要用JSON编写,因为html是XML的变体。HTML和CSS、JS技术已经非常成熟,所有主流浏览器都支持它。浏览器供应商不太可能改变规则并开发对JSON的支持。
json可以代替xml,为什么网页不用json格式来写呢?
首先,使用jQuery的内部封装方法相对简单。我们需要做的只是修改一些配置:下面的代码是对$的解析。Ajax():$。Ajax({type:“post”,//submission method contenttype:“application/JSON charset=UTF-8”,//content type:“JSON”,//type URL:“前台地址/background method”),//提交页面,方法名data:“parameter”,//参数,如果不是,则nullsuccess:function(data){//如果成功,然后执行此方法警报(数据。D) //使用数据。D获取从后台传递的JSON语句,或simple statement},error:function(error){//如果执行不成功,则可以通过jsonobject类执行方法alert(“err:”err)})~。首先,您可以将这些包放到您的项目中。如果你有,不要这样做-语言.jar2下议院-比努蒂尔斯.jar3下议院-收藏.jar4下议院-日志记录.jar5ezmorp.jar6版本. json-lib-2.
2.2-jdk15.jar和您一样,是通过jsonarray的数据表单,例如jsonarray datasjson=JSONArray.fromObject(数据)最好把数据串起来
vue axios跨域请求 axios怎么发送json字符串 axios发送json数据
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。