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情報の編集であり、後で追加して、困っている友人を助けることを望んでいます。