AngularJSは$ HTTPコントロールを提供し、サーバーからデータをサービスとして読み取ることができます。サーバーは、レコードを取得するためにデータベース呼び出しを行うことができます。 AngularJSには、JSON形式のデータが必要です。データの準備ができたら、$ httpは次の方法でサーバーからデータを取得できます。
function StudentController($ Scope、$ http){var url = "data.txt"; $ http.get(url).success(function(response){$ scope.students = response;};};}ここでは、data.txtに含まれる学生の記録。 $ HTTPサービスにより、AJAXは学生のプロパティを呼び出して設定できます。 「学生」モデルを使用して、HTMLテーブルを描画できます。
例
data.txt
[{"name": "mahesh parashar"、 "rollno":101、 "percerence": "80%"}、{"name": "dinkar kad"、 "rollno":201、 "パーセンテージ": "70%"}、{"name": "robert"、 "lollno": "" julian ":" 75% ":" "" julian Joe "、" Rollno ":111、" percernation ":" 77% "}]]testangularjs.html
<html> <head> <title> Angular JSには</title> <style>テーブル、th、td {border:1px solid grey;国境崩壊:崩壊;パディング:5px;}テーブルTr:nth-child(odd){background-color:#f2f2f2;}テーブルTr:nth-child(veven){background-color:#fffff. </style> </head> <body> <h2> angularjsサンプルアプリケーション</h2> <th> name </th> <th> roll no </th> <th>パーセンテージ</th> </tr> <tr ng-repeat = "学生の学生"> <td> {{desudent.name}} </td> <td> {{student.rollno}}}} </td> <td> </td> </td> </td> </td> </tr> </table> </div> <scrip> function sustentcontroller($ scope、$ http){var url = "data.txt"; $ http.get(url).success(function(response){$ scope.students = response;});} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/Angurar.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min.min出力
この例を実行するには、textangularjs.html、data.txtをWebサーバーに展開する必要があります。 URLを使用して、WebブラウザーでTextangularjs.html要求サーバーを開きます。結果は次のとおりです。
上記は、Angularjs ajaxの基本的な情報並べ替えです。将来、関連情報を整理し続けます。このウェブサイトへのご支援ありがとうございます!