Angularjs使用 ajax实例
2016-07-07 14:11
477 查看
HTML文件:
PHP文件:
<!DOCTYPE html> <html ng-app='a72'> <head> <meta charset="UTF-8"> <title>使用$http快捷方式与服务端交互</title> <script src="../angular.min146.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div class="frame" ng-controller='c72'> <div class="show"> <div class="tip">POST返回的结果是:{{result}}</div> <button ng-click="onclick()">发送</button> </div> </div> <script> angular.module('a72',[]).config(function($httpProvider){ $httpProvider.defaults.transformRequest=function(obj){ var arrstr=[]; for(var p in obj){ arrstr.push(encodeURIComponent(p)+"="+encodeURIComponent(obj[p])) } return arrstr.join("&"); } $httpProvider.defaults.headers.post={ 'Content-Type':'application/x-www-form-urlencoded' } }) .controller('c72',function($scope,$http){ var postdata={name:"陶国荣"} $scope.onclick=function(){ $http.post('post.php',postdata).success(function(data,status,headers,config){ $scope.result=data; }) } }) </script> </body> </html>
PHP文件:
<?php $str=$_POST['name']; if($str=='陶国荣'){ echo "验证正确!"; }else{ echo "验证失败!"; } ?>
相关文章推荐
- angularjs中{{}} 加载出现闪烁问题
- angularjs-工具方法整理
- angularjs ui-route
- angularjs - Error: [$resource:badcfg] Error in resource
- AngularJS Tutorial (2)
- angularjs ng-show和css display的区别
- angularjs中ng-show和css中display的区别
- angularjs使用post请求需要插入的参数
- angularjs踩过的那些坑
- Angular Tutorial (1)
- AngularJs中一些指令的解释
- AngularJS实现跨域请求
- AngularJs遇到的小坑与技巧
- angularJS
- Angularjs理解三-$location
- Angularjs总结(八)$ cookie和$rootscope
- Angularjs总结(七) 路由及请求服务等
- angular input标签只能单向传递数据的问题
- 使用Angular Resources 封装Rest API
- angularjs + jqgrid 实现表格