angularの$http ajaxリクエスト操作

angularは、$httpメソッドをラップしてajaxリクエストをカプセル化します。

は、$http.get() と $http.post() メソッドを $http 経由でカプセル化します。ここで、保存の図のために、これらの2つのメソッドは、ジェネリックメソッドを直接使用するよりも良いものではありません。

以下は、オブジェクトを書くことから始める事例です。

        var req = {
            method: 'POST',//the method of the request
            url: ip,//address of the request
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                'Accept': '*/*'
            },//header of the request, if the default can be left out
            timeout:5000,//timeout time, not tested yet
            data: str //message must be in the format a=b&c=d
        };

次に、このオブジェクトを $http メソッドで呼び出し、情報を取得します。

        $http(req).success(function (data, status, headers, config) {
            //processing data after success

        }).error(function (data, status, headers, config) {
            //Hint after failure
            console.log("error", data, status, headers, JSON.stringify(config));
        });

angularのajaxはチェーンコールアプローチを使用しており、混乱が少なく理解しやすいです

httpの設定項目

method:リクエストメソッド、GET/DELETE/HEAD/JSONP/POST/PUTを含む。

url: 絶対または相対リクエストターゲット

data または params: リクエストされたデータ転送、data は post リクエストのデータ、params は get リクエストのデータです。

headers: リクエストのヘッダ

timeout: リクエストのタイムアウトをミリ秒単位で設定、1000は1秒に相当