AngularJs表单提交

最新推荐文章于 2024-05-04 18:29:43 发布

我是全栈架构师

最新推荐文章于 2024-05-04 18:29:43 发布

阅读量4.9k

点赞数 2

分类专栏： angularjs 文章标签： angularjs

本文链接：https://blog.csdn.net/mxj588love/article/details/78811627

版权

angularjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

页面

<body ng-app="myApp">
<form ng-submit="submitForm()" ng-controller="carController">
    汽车品牌:<input type="text" ng-model="car.brand"/> <br/>
    汽车颜色:<input type="text" ng-model="car.color"/> <br/>
    <button type="submit">submit</button>
</form>
<script>
var app = angular.module("myApp",[]);
    app.controller('carController',function ($scope,$http) {
        $scope.submitForm = function () {
            console.log('enter submitForm');
            $http({
                method:'post',
                url:'/addCar',
                data:$.param($scope.car),
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                }
            }).then(function(resp){
                console.log('post success');
                console.log(resp);
            },function(resp){
                console.log('post error');
                console.log(resp);
            });
        }
    });
</script>
</body>

后台

@Controller
@RequestMapping
public class CarController {

    @RequestMapping("/addCar")
    @ResponseBody
    public Car addCar(Car car){
        if(car!=null) car.setId(101L);
        System.out.println("enter addCar");
        System.out.println("car:"+car);
        return car;
    }
}

我是全栈架构师

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
AngularJs表单提交

页面<body ng-app="myApp"><form ng-submit="submitForm()" ng-controller="carController"> 汽车品牌:<input type="text" ng-model="car.brand"/> <br/> 汽车颜色:<input type="text" ng-model="car.color"/> <br/>
复制链接

扫一扫

专栏目录