序文
$ HTTPサービス:ブラウザのネイティブXMLHttpRequestオブジェクトを単純にカプセル化し、パラメーターを受信します。このパラメーターは、HTTP要求を生成するために使用される構成コンテンツを含むオブジェクトです。この関数は、 successとerror方法でpromiseオブジェクトを返します。
$ httpサービスのシナリオを使用します。
var promise = $ http({method: "post"、//はget、post、put、delete、delete、head、jsonp;一般的に使用されます。リクエスト、バイナリデータを送信し、BLOBオブジェクトを使用してください。}) then()関数: then()関数を使用して、$ httpサービスのコールバックを処理できます。 then()関数は、 successまたはerror状態のときに処理を表すパラメーターとして2つのオプション関数を受け入れます。代わりに、 successとerrorコールバックを使用することもできます。
then(successFn, errFn, notifyFn) 、結果が利用可能になったときにpromiseが成功するか失敗したかにかかわらず、 thenにsuccessFnまたはerrFn非同期に呼び出します。このメソッドは、結果、または拒否の理由という1つのパラメーターを使用して、常にコールバック関数を呼び出します。
promiseが実行または拒否される前に、 notifyFnコールバックを0から複数回呼び出して、プロセス状態のプロンプトを提供することができます。
promise.then(function(resp){//応答が成功したときに呼び出されます、repは応答オブジェクトです}、function(resp){//応答が失敗したときに呼び出されます、repにはエラーメッセージがあります}); then()関数によって受信されたRESP(応答オブジェクト)には、5つのプロパティが含まれています。
1。データ(文字列またはオブジェクト):応答本体
2。ステータス: 200などの対応するHTTPステータスコード
3。ヘッダー(関数):ヘッダー情報を備えたゲッター関数。これにより、対応する名前の値を取得するパラメーターを受け入れることができます。
4。config(object):元のリクエストの完全な設定オブジェクトを生成します
5。statustext: 「OK」などの対応するHTTPステータステキスト
または、 success/error方法を使用して、使用します
// promise.success(function(data、status、headers、config){//成功した応答}); // promise.error(function、status、headers、config){//非successful応答}の処理});使用の例:
index.html
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> $ httpリクエストテスト</title> <script src = "../ js/angular.js"> </script> <script src = "app.js"> data-ng-controller = "myappcontroller" data-ng-init = "loaddata()"> <table> <thead> <tr> <th> name </th> <th>プロパティ</th> </tr> </tbody> <todobody> <tr data-ng-repeat = "mydataのデータ"> <td> <td> </td> </td> <td> {{data.attr}} </td> </tr> </tbody> </table> </div> </body> </html>app.js
var myhttpapp = angular.module( "myapp"、[]); myhttpapp.controller( "myappcontroller"、function($ q、$ http、$ scope){var deffer = $ q.defer(); var data = new blob([{"{" name = "" zhangsan "scop. $ http({method: "post"、url: "./ data.json"、cache:true})。成功(function(data){deffer.resolve(data);})。 /*PROMISE.SUCCESS(function(data){$ scope.mydata = data;})* /}})data.json
[{"name": "zhangsan"、 "attr": "china"}、{"name": "lisa"、 "attr": "usa"}、{"name": "bob"、 "attr"}、{"name": "jecy"、 "attr": "jepan"}]結果:
then()関数を呼び出すときに返されたrespオブジェクト:
要約します
AngularJSの$ HTTPサービスの一般的に使用されるアプリケーションとパラメーターは基本的に終了しています。この記事の内容が、Angularjsの使用を学ぶために誰にとっても役立つことを願っています。ご質問がある場合は、メッセージを残してコミュニケーションをとってください。