angular.js Ajax使用

3 篇文章 0 订阅

前端


<div class="mt-20"  ng-app="myapp" id="myapp" ng-controller="testcontroller">
      <table class="table table-border table-bordered table-bg table-hover table-sort">
                <thead>
                <tr class="text-c"> 
                    <th width="80">编号</th>
                    <th width="80">单页ID</th>
                    <th width="120">单页标题</th>
                    <th width="120">排序数字</th>

                </tr>
                </thead>
                <tbody>
                <tr class="text-c" ng-repeat="item in items">
                    <td>{{$index+1}}</td>
                    <td>{{item.db_id}}</td>
                    <td>{{item.db_title}}</td>
                    <td>{{item.db_sort}}</td>

                </tr>
                </tbody>
         </table>

     </div>

js

/**
 * Created by Administrator on 2017/5/4.
 */
  myapp=angular.module('myapp',[]);
/* 绑定控制器*/
  myapp.controller("testcontroller",function testcontroller($scope){
    $scope.Search=function(){
        //参数一: 请求地址
        //参数二:传参
        $.post(GetUrl,{name:1,page:page})
            .success(function (res) {
                obj = JSON.parse(res);
                console.log(obj.err);
                $scope.$apply(function () {
                    $scope.items = obj.err;

                })

            })
            .error(function (err) {

            })
            .complete(function () {
            })
    }

  })
function Search(){
    $scope = angular.element($('#myapp')).scope();
    $scope.Search();
}
var GetUrl="<?=Url::toRoute("/back/tests/list")?>";

$(function () {
    Search();
})


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值