夜の歌

プログラミング、音楽、本について緩く書いていきます。

昨日の日記(7月9日)

昨日の日記。AngularJSの$httpを使って非同期通信した際に、上手くデータを送受信できなかった。。

script.js

function Controller($scope, $http) {
    $scope.aho = "aho";

    var parameter = {}
    parameter.piyo = 'baka';
    parameter.moko = 'baka';

    var transform = function(data) {
        return $.param(data);
    }


    $http({
        method: 'POST',
        url: 'user.php',
        data: parameter,
    }).success(function(data, status, headers, config) {
        $scope.data = "success";
        $scope.aho = data;
    }).error(function(data, status, headers, config) {
        $scope.data = "error";
    })
}

index.html

<!DOCTYPE html>
<html ng-app>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script>
        <script src="script.js"></script>
        <title></title>
    </head>
    <body>
        <div ng-controller="Controller">
            {{aho}}
        </div>
    </body>
</html>

user.php

<?php

$a = $_POST['piyo'];

echo $a;
?>

とか書いたけど、上手くいかなかった。。 まあ、今日解決したから問題なし!