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