Question

我有各种输入在更改时调用此函数：

$scope.updateOutputData = function(){
    // gathering data and making data object
    $scope.selectionObject = {
      "departure_city" : departureCityDigest,
      "departure_country" : departureCountryDigest,
      "budget_min" : $scope.budget.min,
      "budget_max" : $scope.budget.max,
      "person_count" : $scope.selectedPersonCount,
      "currency" : $scope.selectedCurrency,
      "month" : $scope.selectedMonth,
      "year" : $scope.selectedYear,
      "flight_duration_min" : $scope.flightDuration.min,
      "flight_duration_max" : $scope.flightDuration.max
    };

    // implement functionality to send this object to be read by backend

}

基本上这个函数收集所有输入数据，然后它应该将该对象发送到后端，所以在后端我可以处理这些数据然后根据它返回JSON API和数据库中的数据。

我不知道如何编码。我在方法的底部添加了评论。应该有代码将数据发送到后端并期望返回一些JSON API。那段代码怎么样？

Answer 1

你应该在角度

中做这样的事情

        $http.post(url, data).success(onSuccess).error(onError);

         function onSuccess() {
                    //Your success logic;
                }

                function onError() {
                     // Your error logic
                }

在服务器中 - 假设您使用的是Java，您应该执行以下操作：

 @RequestMapping(method = RequestMethod.POST, value = "/yourUrl", headers = "Accept=application/json, text/html")
    public ModelAndView updateActivities (@RequestBody YourDataModel data) {

           //your server logic
}

Answer 2

Page1Component

抱歉用我的iPhone输入了这个。不要忘记在控制器中注入$ http。并用API URL替换ENDPOINT。

将Angular模型发送到后端

2 个答案: