angularjs http 无刷新调用

原创 2017年02月22日 15:56:11

1.html页面

<body ng-app="myApp" ng-cloak>
    <form id="form1" runat="server">
        <div ng-controller="myController">
            <ul>
                <li ng-repeat="item in Users">{{item.name}}|{{item.gender}}


                </li>


            </ul>


        </div>
    </form>
</body> 


2.javascript代码

var myApp = angular.module("myApp", []);



    //myApp.value("BaseSource", {
    //    Users: [
    //     { "isBonusPoints": true, "name": "小芳", "likesubject": 2, "gender": 2, "integral": 100, "bonusPoints": 5 },
    //     { "isBonusPoints": true, "name": "小明", "likesubject": 1, "gender": 1, "integral": 111, "bonusPoints": 5 },
    //     { "isBonusPoints": false, "name": "小张", "likesubject": 2, "gender": 1, "integral": 98, "bonusPoints": 0 }
    //    ]
    //});
    myApp.service("Users", function () {
        this.GetUser = function ($scope, $http) {
            $http({
                method: 'get', //get/post都可以
                url: 'WebForm1.aspx?Type=1'
            }).success(function (req) {
                $scope.Users = req;
                console.log(req);
            })
        }
    });


    myApp.controller("myController", ["$scope", "$http", "BaseSource", "Users", function ($scope, $http, BaseSource, Users) {
        //$scope.Users = BaseSource.Users;
        Users.GetUser($scope, $http);

    }]);



3.后台获取数据

  if (Request["Type"] == "1") {
                    string ResSource =  "[{ \"isBonusPoints\": true, \"name\": \"小芳1\", \"likesubject\": 2, \"gender\": 2, \"integral\": 100, \"bonusPoints\": 5 },{ \"isBonusPoints\": true, \"name\": \"小明\", \"likesubject\": 1, \"gender\": 1, \"integral\": 111, \"bonusPoints\": 5 }, { \"isBonusPoints\": false, \"name\": \"小张\", \"likesubject\": 2, \"gender\": 1, \"integral\": 98, \"bonusPoints\": 0 } ]";
                    Response.Write(ResSource);
                    Response.End();
                }

关于angularjs中,数据模型被改变,页面不刷新的解决办法

刚用angularjs时,确实被它的双向数据绑定震住了,但同时没有完合使用angularjs的方法,从而出现数据模型被改变,但页面不能随之更改,需要$scope.$apply()强制更新数据模型. 实...
  • baby97
  • baby97
  • 2015年12月16日 16:43
  • 31262

解剖angularjs在代码中改变了 model 的值,view 却没有更新原因

解剖angularjs在代码中改变了 model 的值,view 却没有更新原因

angular设置路由实现无刷新跳转

angular设置路由实现无刷新跳转
  • bem_zj
  • bem_zj
  • 2017年05月17日 16:33
  • 726

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

AngularJS解决点击不刷新

当我们使用Angular-UI-Router的时候会出现点击已经点击过的页面时,内容不会刷新,都是从缓存中取出来,此时我们需要强制刷新!ui-sref-opts="{reload: true}" ...

Angularjs2 http请求

  • 2017年05月10日 09:23
  • 32KB
  • 下载

AngularJS常用服务($http、$location、$sce等)

这篇博客,只是简单地说下AngularJS中的常用的系统(自带)服务。如果逻辑不清晰,就当作是一个参考手册吧,来查查用法什么的。 另外,附上一些参考网站: AngularJS手册:http://m...

AngularJS中$http服务的简单用法

我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。 1、链式调用 $http服务是只能接受一个参数的函数,这个参数...

angular-按需加载angularjs和$http.post的二三事

前面的24个章节都是关于yii2框架的理解以及应用,本来是向按照一个一个章节系列写下去的,每个分类都能够比较集中,清晰。但是在项目中又会用到其他的知识,只能够按照平时积累写下去咯,可能会有些乱! 最...

AngularJS中的$http、$q服务和promise对象的联系

一、介绍:$http服务是AngularJS系统自带的,可以用来进行网络通信、获取远程服务器的数据。要记住的是,$http是对浏览器XMLHttpRequest的封装,也就是说,它其实是Ajax。首先...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:angularjs http 无刷新调用
举报原因:
原因补充:

(最多只允许输入30个字)