angularjs $http事务实现form表单序列化提交

    在angularJs中前后端数据交互时 在添加时需要对form表单进行处理,并通过$http提交

需要注意 :

    1. $http()参数列表为Json数组

    2. 需要对form表单数据进行序列化处理

    3. 配置请求头信息

添加 Demo,使用angularJs

Style.js文件

angular.module("myApp", []).controller("myController", function($scope, $http) {

     var HALF_URL = 'http://localhost/app/';   

    $scope.save = function() {
            $http({
                method: 'post',//请求方式
                url: HALF_URL + 'user/addUser',//请求路径
                data: $("#myForm").serialize(),//对form表单内容进行序列化
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                }//请求头信息
             }).then(function successCallback(response) {
            
                    if(response.data.code == 200) {
                        $scope.getUser();//成功刷新页面
                    } else if(response.data.code == 400) {
                       alert(response.data.msg);
                    }
            }, function errorCallback() {
                alert("添加失败了哟!");
            });

    }
});