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("添加失败了哟!");});}});