0

我有一个 Ajax 函数，它可以带来 Web 方法的数据并将其显示在页面上。我想在页面加载时显示带有 4 个项目的第一页。单击按钮时，应显示接下来的四个项目，以此类推，以进行下一次单击。这在页面加载时执行，但是当我单击按钮时没有任何反应。

 $(document).ready(function () {
        var s;
        var countnumber = 0;
        function dos(s, countnumber) {

            participant = s.split("!");
            var i
            for (i = countnumber; i < countnumber + 4; i++) {
                part = participant[i].split("ٌ");

                rk = part[5];

                if (rk == 1) {
                    $("#ts" + i).attr('src', 'con1.png'); 
                } else if (rk == 2) {
                    $("#ts" + i).attr('src', 'con2.png');
                } else if (rk == 3) {
                    $("#ts" + i).attr('src', 'con3.png');
                } else if (rk > 3 && rk < 20) {
                    $("#ts" + i).attr('src', 'briliant.ico');
                } else if (arrlist[5] > 20 && arrlist[5] < 50) {
                    $("#ts").attr('src', 'cup.png');
                } else {
                    $("#ts" + i).attr('src', 'box.png');
                }
                    { $("#st" + i) }
                    $("#use" + i).html(part[1]);
                    $("#rnk" + i).html(part[5]);
                    $("#avg" + i).html(part[2]);
                    $("#pnt" + i).html(part[4]);
                    $("#wit" + i).html(part[3]);
                    $("#kl" + i).html(part[0]);
                    $("#use" + i).html(username);
                }

        }
        $('#kil').bind('click', function () {
            countnumber = countnumber + 4;
            dos(s , countnumber);
        })

        var arrlist;
        var participant, part;
        var username, klll, wt, pt, av, rk;


        $.ajax({
            type: "POST",
            url: "rank.aspx/bringdata",
            data: "",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: true,
            cache: false,
            success: function (ret) {
                s = ret.d;
                dos(s, 0);
            },
            error: function (x, e) {
                alert("error");
            }
        });
    });
4

1 回答 1

1

据我了解，您正在尝试dos()通过onclick=""事件执行该功能。

它不起作用的原因很简单：dos()从全局范围来看是不存在的。

您必须做的是以下两项之一：

  1. 将dos()函数移动到全局可访问的范围内。
  2. 通过 jQuery将dos()函数附加到事件。click

就个人而言，我更喜欢第二种选择，因为它可以避免污染全局命名空间。

从局部变量

示例：局部变量

function f() {
    var x = 1;
}

process_x(x); # this will trigger a "ReferenceError: x is not defined"

我相信您知道，不可能从外部访问函数的本地变量。

到本地功能 -

在函数内部定义函数时，实际上是在创建一个恰好是函数的局部变量。

示例：函数声明，这是您拥有的形式：

$(document).ready(function() { # enclosing_function
    function dos() {

    }
});

如前所述，这将dos()导致enclosing_function.

...本质上是一样的

你可以这样想，以更好地说明相似性：

示例：函数表达式

$(document).ready(function() { # enclosing_function
    var dos = function () {

    };
});

提升结肠——功能高

在示例中，这两个版本是等效的。然而，一个函数声明——即没有赋值的东西（那些所谓的“函数表达式”）——被“提升”在代码的顶部，它们在其中被定义。

这意味着，定义被移动（或“提升”）到定义它的范围的最顶部（或开始）。在定义该函数之前，不可能执行代码（在该范围内）。因此，您无法收到ReferenceErrorfor 函数声明。（除非你在错误的范围内，也就是说。）

另一方面，函数表达式的求值方式与所有其他语句的求值方式相同：只要程序流遇到它们。

示例：吊装

$(document).ready(function() { # enclosing_function
    # <- This is where "hoisted" is being defined <--
    non_hoisted(); # ReferenceError                 |
    hoisted();     # Works fine                     |
    var non_hoisted = function () { # This is where "non_hoisted" is defined
                                                    |
    };                                              ^
                                                hoisting
    non_hoisted(); # Works fine                     ^
                                                    |
    function hoisted() { ------>-------->------->----

    }
});

还有一件事

var s;
function dos(s, countnumber) {
    ...
}

形参s将s作为函数内部的局部变量引入dos()。它将隐藏s其父范围的变量。

为什么要s作为参数传递给dos()函数？当 Ajax 请求成功返回时，您已经将它分配给var s内部的局部变量。enclosing_function()

于 2012-08-06T18:34:51.667 回答