AngularJSのHttp

$ HTTP AngularJSは、リモートサーバーからデータを読み取るためのコアサービスです。

JSONファイルを読みます

以下は、Webサーバー上に保存されているJSONファイルです。

http://www.w3big.com/try/angularjs/data/sites.php

{ "サイト"：[ { "名前"： "チュートリアル"、 "URL"： "www.w3big.com "、 "国"： "CN" }、{ "名前"： "グーグル"、 "URL"： "www.google.com"、 "国"： "USA" }、{ "名前"： "Facebookの"、 "URL"： "www.facebook.com"、 "国"： "USA" }、{ "名前"： "マイクロブログ"、 "URL"： "www.weibo.com "、 "国"： "CN" } ] }

AngularJS $ HTTP

AngularJS $ HTTPサービスは、Webサーバー上のデータを読み取るために使用されます。

$ Http.get（URL）関数は、データ・サーバを読み取るために使用されます。

AngularJS例

<DIV NG-アプリ = "て、myApp" NG-コントローラ = "siteCtrl"> <UL> <李 NG-リピート= "名前にX "> {{x.Name + '、' + x.Country}} </ LI> </ UL> </ DIV> <スクリプト>のvarアプリ= angular.module（ 'て、myApp'、[]）; app.controller（ 'siteCtrl'、関数（$スコープ、$ HTTP）{$ http.get（ "http://www.w3big.com /try/angularjs/data/sites.php」）.success（関数（応答）{$ scope.names = response.sites;}）;}）; </ script>の

»をお試しください

アプリケーション分析：

？注意：上記の要求コードは、あなたの地元のランに直接コピーすることができないサイトサーバーで取得クロスドメインの問題があるだろう、溶液を用いて、独自のサーバーにCustomers_JSON.phpデータをコピーすることです：PHPのAjaxクロスドメインの問題の最善の解決策。

ngのアプリで定義されAngularJSアプリケーション。 <div>の中でのアプリケーションの実行。

NG-コントローラ命令は、 コントローラオブジェクト名を設定します。

CustomersController機能は、標準のJavaScript オブジェクトのコンストラクタです。

$ scope.names：コントローラオブジェクトは、 プロパティを持っています。

$ http.get（）は、Webサーバから静的なJSONデータを読み出します。

サーバーのデータファイル： http://www.w3big.com/try/angularjs/data/sites.php 。

サーバからJSONデータをロードするとき、$が配列にscope.names。