angularjs POST请求前后交互

秋枫瑟瑟

于 2018-08-07 14:38:47 发布

阅读量2.5k

点赞数

分类专栏： angularjs

本文链接：https://blog.youkuaiyun.com/huhailong_1/article/details/81480750

版权

本文展示了如何使用AngularJS进行POST请求与后端进行数据交互。通过AngularJS的$http服务发送POST请求，设置请求头并转换请求体，以确保数据正确传递给后端。后端代码使用了Spring MVC的@RequestMapping进行响应。

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

前台代码：

<html ng-app="App">
<head>
<meta charset="utf-8">
<script src="//apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
   <script>
   var formdata = {
       "username" :"nihao",
       "truename" :"nie"
       };
       var App = angular.module('App',[]);
       App.controller('DemoController', function($scope, $http) {
           $scope.count=function() {
               $http({
               method: "POST",
               url: "../user/test",
               data:formdata,
               headers:{'Content-Type': 'application/x-www-form-urlencoded'},