Maison> interface Web> js tutoriel> le corps du texte

AngularJS实现ajax请求的方法

高洛峰
Libérer: 2016-12-06 09:34:14
original
1399 Les gens l'ont consulté

本文实例讲述了AngularJS实现ajax请求的方法。分享给大家供大家参考,具体如下:

【HTML 代码】

      angularjs实现 ajax 
  
{{user.username}} {{user.email}}
Copier après la connexion

【js代码 ajax.js】

var myModule = angular.module("HelloAjax",[]); myModule.controller("HelloAjax",["$scope","$http",function HelloAjax($scope,$http){ /* $scope.users=[{'username':"zhangsan","email":"zs@11.com"}, {'username':"zhangsan2","email":"zs@22.com"}, {'username':"zhangsan3","email":"zs@33.com"}]; */ $scope.get_more = function(){ $http({ method: "POST", url: "./ajax.php", data:{'username':$scope.username, 'email':$scope.email } }). success(function(data, status) { //$scope.status = status; $scope.users = data; }). error(function(data, status) { //$scope.data = data || "Request failed"; //$scope.status = status; }); } }]);
Copier après la connexion

【PHP代码 ajax.php】

$user->username, 'email'=>$user->email); //返回数据库 echo json_encode($users);
Copier après la connexion


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!