Angularjs xmlhttprequest
$ HTTPは、リモートサーバーからデータを読み取るAngularJSのコアサービスです。
JSONファイルを読んでください
以下は、Webサーバーに保存されているJSONファイルです。
http://www.runoob.com/try/angularjs/data/customers_json.php
{"Records"：[{"name"： "alfreds futterkiste"、 "city"： "berlin"、 "country"： "dyger"}、{"name"： "BerglundsSnabbköp"、 "City"： "luleå"、 "Country"： "sweden"}、 df "、" Country "："メキシコ "}、{" name "：" ernst handel "、" city "：" graz "、" country "}、{name"： "city" inter "：" madrid "、" country "："galería "：" " 「バルセロナ "、「国」：「スペイン」、{「名前」：「島取引」、「島の取引」、「都市」：「カウズ」、「国」：「英国」}、{" name "："königlichessen "、" city "：" brandenburg "、" country "}、{" laking bacchus bacchuus cillars "：" 「バンクーバー」、「カントリー」：「カナダ」、{「名前」：「マガジーニ・アリメンタリ・リウニティ」、「都市」：「ベルガモ」、「イタリア」：「イタリア」、{「名前」：「北/南」、「都市」：「ロンドン」、「国」：「英国」：「 "" cityspécialités "：" "" parisspécialites "：" "" parisspécialites」 「パリ」、「国」：「フランス」}、{「名前」：「ラトルスネイクキャニオン食料品」、「都市」：「アルバカーキ」、「カントリー」：「アメリカ」}、{「名前」：「サイモンズビストロ」：「シモンズビストロ」 「ポートランド」、「カントリー」：「USA」}、{"name"： "vaffeljernet"、 "city"： "Århus"、 "Country"： "denmark"}、{"name"： "wolski zajazd"、 "city"： "Warszawa"、 "Country"}]}}angularjs $ http
Angularjs $ httpは、Webサーバーのデータを読み取るために使用されるサービスです。
$ http.get（url）は、サーバーデータの読み取りに使用される関数です。
AngularJSインスタンス
<！doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <ul> <li ng-repeat = "x in names"> {{x.name + '、' + x.country}} </li> </ul> </div> <script> var app = angular.module（ 'myApp'、[]）; app.Controller（ 'customerctrl'、function（$ scope、$ sctrl '、{ $ http.get（ "http://www.runoob.com/try/angularjs/data/customers_json.php"）.success（function（response）{$ scope.names = respons.restords.）;}）;}）; </script> </html>実行結果：
アプリケーション分析：
注：上記のコードのGETリクエストは、このサイトのサーバーです。地元の操作に直接コピーすることはできません。クロスドメインの問題があります。解決策は次のとおりです
PHP AJAXクロスドメインの問題に対する最良のソリューションを使用して、customers_json.phpデータを自分のサーバーにコピーします。
AngularJSアプリケーションは、NG-APPによって定義されます。アプリケーションは<div>で実行されます。
NG-Controllerディレクティブは、コントローラーオブジェクト名を設定します。
function CustomersControllerは、標準のJavaScriptオブジェクトコンストラクターです。
コントローラーオブジェクトには、$ scope.namesのプロパティがあります。
$ http.get（）は、Webサーバーから静的JSONデータを読み取ります。
サーバーデータファイルは、http：//www.runoob.com/try/angularjs/data/customers_json.phpです。
JSONデータがサーバーからロードされると、$ scope.namesが配列になります。
注：上記のコードは、データベースデータの読み取りにも使用できます。
上記は、Angularjs xmlhttprequest情報の編集であり、後で追加して、困っている友人を助けることを望んでいます。