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.
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
AJAX - AngularJS Sample Application step by step
Student Name Student Age Student Std {{ stud.Name }} {{ stud.Age }} {{ stud.Std }}
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()
You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs 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.