记住要在函数中使用的搜索查询

本文关键字：搜索 查询 函数 | 更新日期: 2023-09-27 17:56:57

我正在使用带有dirPagination插件的Angularjs来连接Web API。这似乎工作正常。我添加了一个搜索功能，用于执行服务器端搜索：

        $scope.searchChanged = function () {
            if ($scope.searchFor.length == 0) {
                $scope.calculatedValue = 'e';
            } else {
                vm.getData(vm.pageno, vm.getSearch($scope.searchFor));
            }
        }
        vm.getSearch = function (query) {
            if (query == undefined) {
                query = 'tech';
            } else {
                query = query;
            }
            return query;
        }

查看 Plnkr 的完整代码如果我开始搜索（例如销售），API 返回结果并且分页正确，则 get 请求为：

/api/students/?category=sales&begin=1&pageSize=10

但是如果你想转到另一个页码，对服务器的 get 请求是：

  /api/students/?category=tech&begin=2&pageSize=10

视图如何记住查询"sales"，以便分页和结果正确？

记住要在函数中使用的搜索查询

您在这里犯了一个常见的错误：如果您已经在使用范围变量，则不需要从视图中传入变量。

更改为此将不那么容易出错

        // change this to var getSearch or function getSearch if you don't need it on the view anymore
        vm.getSearch = function () {
            var query = vm.searchFor;
            // you should only use vm, change ng-model to data.searchFor
            if (query == undefined) {
                query = 'tech';
            }
            return query;
        }

        vm.getData = function () {
            vm.users = [];
            $http.get("/api/students/?category=" + vm.getSearch() + "&begin=" + vm.pageno + "&pageSize=" + vm.itemsPerPage).success(function (response) {
                vm.users = response.data;
                vm.total_count = response.total_count;
            });
        };

您的请求 ID 很好，您需要优化 sql 查询，以便获得正确的结果。 它应该看起来像这样：

@begin INT = 0,
@pageSize INT = 10
SELECT * 
FROM [TableName]
ORDER BY id
OFFSET (@pageSize * @begin )
ROWS FETCH NEXT @pageSize ROWS ONLY;
相关文章：