AngularJS：使用$http请求后台(post和get方式)

最新推荐文章于 2021-04-14 10:53:15 发布

编程写手

最新推荐文章于 2021-04-14 10:53:15 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/weixin_45492007/article/details/113882734

版权

杂类专栏收录该内容

11 篇文章

订阅专栏

这篇博客介绍了如何在AngularJS中使用$http服务进行GET和POST请求来与后台交互。首先，通过初始化app并注入$http来准备请求。接着，展示了GET请求的示例，用于从'http://localhost:8080/selectUserAllUsingPage'获取数据，并将结果绑定到视图。然后，详细说明了POST请求的用法，包括如何传递JSON对象数据到'http://localhost:8080/insertUserSelective'。在请求失败时，提供了错误处理提示。

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

1.声明

当前内容主要用于学习和使用AngularJS向后台传递数据，主要有两种post和get请求

2. demo

1.初始化app并传递$http，此时就可以使用$http了

angular.module('myApp', []).controller('userCtrl', function($scope, $http) {});

2.使用get方式请求数据：

$http({
			method: 'GET',
			url: 'http://localhost:8080/selectUserAllUsingPage'
		}).then(function successCallback(response) {
			// 获取返回结果数据
			var resultData=response.data;
			$scope.users=resultData;// 为对象绑定数据
		}, function errorCallback(response) {
			// 请求失败执行代码
			alert("请求访问后台数据失败！");
			
		});

其中参数必须使用?参数名=参数值方式....方式向后台传递参数

3.使用post方式请求并传递参数：

$http({
			method: 'POST',
			url: 'http://localhost:8080/insertUserSelective',
			data:{
				"userName":userName,
				"loginName":loginName,
				"loginPwd":loginPwd,
				"userType":userType,
				"userGroupId":userGroupId,
				"home":home,
				"email":email
			}
		}).then(function successCallback(response) {
			// 获取返回结果数据
			var resultData=response.data;
			$scope.users=resultData;// 为对象绑定数据
			initTableData(); // 再次请求数据
			$("#msgSuccess").show();
		}, function errorCallback(response) {
			// 请求失败执行代码
			alert("请求访问后台数据失败！");
			
		});