如何使用angularJS与后端进行交互

最新推荐文章于 2025-03-24 02:27:12 发布

天使不见时

最新推荐文章于 2025-03-24 02:27:12 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_37851291/article/details/78232387

前端技术专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在AngularJS中正确地使用$http服务传递JSON对象到后端。为确保后端能够通过request.getParameter方法获取数据，需要在前端将JSON对象转换为字符串并通过特定配置发送。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天使用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");

如果直接传递json对象的话,通过request.getParameterMap()来接收就可以得到一个集合

Map<String, String[]> map = request.getParameterMap();

按照正常集合的用法就可以取出其中的值