Angular JS和AJAX发布数据无法正常工作

Question

我专注于Angular JS，我尝试在ANGULARJS中使用AJAX发布数据，但它尚可，但不是第一次。

在我的html按钮中有ng-click =“ check（）”

这是我的app.js代码。

    var app=angular.module("app",[]);
app.controller("control",function($scope){

    $scope.check=function (){
    var mesaj = {
        content: $scope.content,
        flag:"message"
    }
    $.ajax(
    {
        type: 'POST',
        url: 'send.php',
        data: {query: mesaj},
        success: function (result)
        {
            $scope.result=result;
        }
    });
    }
});

我的send.php在回显$ content之后获取数据（内容）

我需要双击以使用AJAX，但是我想在第一次使用

Answer 1

由于您没有使用http服务，

您需要告诉angular变量已修改。

在成功之后执行$scope.$apply() 。

var app=angular.module("app",[]);
app.controller("control",function($scope){

    $scope.check=function (){
    var mesaj = {
        content: $scope.content,
        flag:"message"
    }
    $.ajax(
    {
        type: 'POST',
        url: 'send.php',
        data: {query: mesaj},
        success: function (result)
        {
            $scope.result=result;
            $scope.$apply()
        }
    });
    }
});

Answer 2

注入$ http并调用一个帖子，使用angular来发布数据时遵循更好的约定：

 function sendMesaj() {

         $http.post('send.php', mesaj)
            .then(function(result){

                $scope.result=result;

            }, handleError);

        function handleError(response){
            return response;
        }
    }