Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - $http()</title> </head> <body ng-app="mojApp" ng-controller="MojCtrl"> Primjer pokazuje učitavanje txt fajla, php fajla, slike <br> upotrebom POST metode <b>$http.get()</b>. <hr> <h4>Izaberi fajl za učitavanje.</h4> <input type="radio" name="file" ng-model="fileName" value="65ajax_source.txt"> 65ajax_source.txt <br><input type="radio" name="file" ng-model="fileName" value="65nepostojeci_fajl.html"> 65nepostojeci_fajl.html <br><input type="radio" name="file" ng-model="fileName" value="65ajax_source.html"> 65ajax_source.html <br><input type="radio" name="file" ng-model="fileName" value="65ajax_source.json"> 65ajax_source.json <br><input type="radio" name="file" ng-model="fileName" value="65ajax_source.php"> 65ajax_source.php <br> <br><input size="35" ng-model="fileName"> <button ng-click="http_get()">UČITAJ</button> <br><br> ng-bind-html <p style="border:1px solid green;width:500px;height:230px;" ng-bind-html="izlaz"></p> <br> {} <p style="border:1px solid red;width:500px;height:200px;">{{izlaz}}</p> <script src="../angularjs/1.2.9/angular.min.js"></script> <script src="../angularjs/1.2.9/angular-sanitize.min.js"></script> <script> var mojModul = angular.module('mojApp', ['ngSanitize']); mojModul.controller('MojCtrl', function($scope, $http){ //init $scope.izlaz = 'Ovdje će se nakon klika na dugme UČITAJ učitati sadržaj!'; $scope.http_get = function(){ $http({ method: 'POST', url: $scope.fileName, params: {var_php_get: 'Nekakav text iz PARAMS svojstva koji se šalje GET metodom. (Pokrenuti PHP skriptu)'}, data: 'var_php_post=Nekakav text iz DATA svojstva koji se šalje POST metodom. (Pokrenuti PHP skriptu)', headers: {'Content-Type': 'application/x-www-form-urlencoded'} }).success(function(response) { $scope.izlaz = response; }).error(function(){ $scope.izlaz = 'Nije učitana stranica'; }); } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/66http.html
.