AngularJS GET Data in Ajax example using $http

AngularJS GET Data in Ajax example using $http

In this Post We Will Explain About is AngularJS GET Data in Ajax example using $http With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Angularjs – Angular get JSON data with ajax Example

In this post we will show you Best way to implement angularjs get data from file, hear for AngularJS Http Post Method ($http.post) with Parameters with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

AngularJS AJAX Syntex

function studentCtrl($scope,$http) {  
r url = "student.txt";  
  
 $http.get(url).success( function(results) {  
    $scope.students = results;   
 });  

External Include file

AngularJS is a simple JavaScript framework Include one type of the (library) based on a very user friedly popular software mvc based architecture menas called the MVC.

   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>

index.html

The Angular simple directives and the User’s view HTML DOM in a web-application page form the HTML view. In our example(Pakainfo.com), the simple HTML view comprises the HTML All the element, and then simple two angular directives Like as a namely angular ng-app as well as agular ng-controller

      <h2>AJAX - AngularJS Sample Application step by step</h2>  
      <div ng-app = "" ng-controller = "studentCtrl">  
        
         <table>  
            <tr>  
               <th>Student Name</th>  
               <th>Student Age</th>  
               <th>Student Std</th>  
            </tr>  
           
            <tr ng-repeat = "stud in students">  
               <td>{{ stud.Name }}</td>  
               <td>{{ stud.Age }}</td>  
               <td>{{ stud.Std }}</td>  
            </tr>  
         </table>  
      </div>  

index.js

The simple angular controller works as a all the data of the mediator between HTML views and models.

   function studentCtrl($scope,$http) {  
            var url = "student.txt";  
           
            $http.get(url).success( function(results) {  
               $scope.students = results;  
            });  
         }  

style.css

     table, th , td {  
            border: 1px solid grey;  
            border-collapse: collapse;  
            padding: 6px;  
         }  
           
         table tr:nth-child(odd) {  
            background-color: #a2a2ac;  
         }  
           
         table tr:nth-child(even) {  
            background-color: #3d3d3d;  
         }  

“student.txt” (stud’s data in JSON format)

Here the file data some student.txt contains all the stud’s record.

 [  
{  
   "Name" : "jaydeep Gondaliya",  
   "Age" : 25,  
   "Std" : "MCA"  
},  
  
{  
   "Name" : "Ankit kathiriya",  
   "Age" : 20,  
   "Std" : "BCA"  
},  
  
{  
   "Name" : "krunal sisodiya",  
   "Age" : 45,  
   "Std" : "12"  
},  
  
{  
   "Name" : "mayur dhameliya",  
   "Age" : 21,  
   "Std" : "11"  
}  

Angular HTTP Service Methods

• .delete()
• .get()
• .head()
• .jsonp()
• .patch()
• .post()
• .put()

AngularJS Ajax

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is AngularJS Ajax example using $http And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.