如何使用angularJS与后端进行交互
程序员文章站
2022-05-09 16:17:33
...
今天使用angularJS的$http服务时,打算将一个json对象传递给后端,在网上参照了一些文档
如果直接传递json对象的话,servlet使用request.getParameter(args)取出的值为空
在传递之前应该在前端使用JSON.stringify(data)的方法将json对象转化为字符串,
并且$http里的data应该使用对象进行传递
$http({
method : "POST",
url : "com/ljxt/servlet/RegisterService",
data : {ds : JSON.stringify(data)},
dataType : "json",
headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
transformRequest: function(data){
return $.param(data);
}
}).then(function(response) {
var result = response.data;
alert("注册" + (result > 0 ? "成功!" : "失败!"));
});
这样在就可以在后端通过request.getParameter(属性)的方式取出对应的字符串
备注:由于没有使用submit提交而是直接使用一般按钮,所以需要设置headers和transformRequest,这样servlet在接收时才能通过getParameter方法来接收
再通过gson,jackson等将字符串转化成json对象就可以使用了
String data = request.getParameter("ds");
Map<String, String[]> map = request.getParameterMap();
按照正常集合的用法就可以取出其中的值
上一篇: GO基础之结构体
下一篇: 1+X证书学习日志——css 2D&过渡
推荐阅读
-
《ServerSuperIO Designer IDE使用教程》-2.与硬件网关数据交互,并进行数据级联转发,直到云端。发布:v4.2.1版本
-
AngularJS中directive指令使用之事件绑定与指令交互用法示例
-
AngularJS中如何使用$http对MongoLab数据表进行增删改查
-
jQuery Ajax前后端使用JSON进行交互示例
-
AngularJS实现与后台服务器进行交互的示例讲解
-
如何使用Tkinter进行窗口的管理与设置
-
AngularJS使用$http配置对象方式与服务端交互方法
-
AngularJS与后端php的数据交互方法
-
vue结合axios与后端进行ajax交互的方法
-
回顾JS如何向网页中输入内容,与浏览器窗口进行交互