Angular与SpringFramework的HTTP交互
2017-04-09 23:43
92 查看
Angular中是有提供现成的HTTP方法,但是其数据的格式和AJAX不同。
使用POST方法发送请求
在服务端,如果按Ajax的配置,会产生报错。
试着将请求打印出来,可以发现,其实后端没有正确地接收到请求。
原因是Angular的HTTP方法默认发送的是由url,body(JSON格式的字符串组成)和option(get请求中没有)三部分构成的标准HTTP请求。
该请求类型为Http请求,具体的请求参数被放在body中,因此直接读取该请求不能成功获取JSON格式的参数。
解决的方法很简单,在Spring中,接收参数前添加@RequestBody注解。
使用POST方法发送请求
在服务端,如果按Ajax的配置,会产生报错。
试着将请求打印出来,可以发现,其实后端没有正确地接收到请求。
原因是Angular的HTTP方法默认发送的是由url,body(JSON格式的字符串组成)和option(get请求中没有)三部分构成的标准HTTP请求。
该请求类型为Http请求,具体的请求参数被放在body中,因此直接读取该请求不能成功获取JSON格式的参数。
解决的方法很简单,在Spring中,接收参数前添加@RequestBody注解。
相关文章推荐
- HTTP协议客户端和服务器交互的三次握手、持续连接、断开连接过程
- 程序使用 HTTP 协议和服务器交互主要是进行数据的提交,通常数据的提交是通过 GET 和 POST 两种方式来完成
- 【C/S通信交互之Http篇】Cocos2dx(Client)使用Curl与Jetty(Server)实现手机网游Http通信框架(内含解决curl.h头文件找不到问题)
- HTTP接口不同项目网页之间数据交互跨域以及打开的窗口无法跳出关掉的问题
- 试水新的Angular4 HTTP API
- Angular2 http服务
- Angular--$http服务
- Angular2 http服务
- 使用flex中的httpservice方法与java进行交互
- 【COCOS2DX-LUA 脚本开发之八】使用Lua实现Http交互
- javafx之HTTP协议交互
- [AngularJS] Using AngularJS interceptors with $http
- Wb开发基础-Http1.0协议-客户端与服务器端的交互
- Angular最新教程-第七节HTTP get post 设置头部 跨域访问
- node和angular交互的两种方式
- 还能不能愉快地起一个web服务啦?——1st Step!白话http和代码交互的那点儿事儿~
- java33.HTTP通信------使用Http的Post方式与网络交互通信
- AngularJS Directive 隔离 Scope 数据交互
- 【Angular】angular-HttpClient 与服务器通讯 Get Post Put Delete Http 拦截器 请求讲解
- 【Angular】angular-HttpClient 与服务器通讯 Get Post Put Delete Http 拦截器 请求讲解