<!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> <body> <div ng-app="myApp" ng-controller="customersCtrl"> <input type="number" name="num" ng-click="cl()" ng-model='num'> {{num}} </div> <script> var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http.get("http://www.runoob.com/try/angularjs/data/Customers_JSON.php", {params: {id:$scope.num}}) .success(function (response) { alert(response); $scope.names = response.records;}); $scope.cl=function(){ $http.get("http://www.runoob.com/try/angularjs/data/Customers_JSON.php", {params: {id:$scope.num,key:'001'}}) .success(function (response) { alert(response); $scope.names = response.records;}); } }); </script> </body> </html>