在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("新增失敗了喲!");
            });

    }
});