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

Question

I focus on Angular JS and I try to posting data with AJAX in ANGULARJS it's working but not first time.

In my html button has ng-click="check()"

This is my app.js code.

    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;
        }
    });
    }
});

and my send.php is taking data(content) after that echo $content

I have double click to button for working AJAX but I want to work at first time

Answer 1

Since you're not using the http service,

you need to tell angular that variables were modified.

by doing $scope.$apply() after your success.

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

Inject $http and call a post, it follows better convention when using angular for posting data:

 function sendMesaj() {

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

                $scope.result=result;

            }, handleError);

        function handleError(response){
            return response;
        }
    }