执行这个奇怪的功能

时间:2014-02-06 01:15:42

标签: javascript jquery

我正在开发一个项目,我想了解如何在JavaScript中执行此功能。

我不是很熟悉看到' $'在JS中的函数之前的代码就像那样。如果我使用诸如Chrome of PhantomJS之类的JS引擎来执行此功能,我应该在控制台中写什么。

<script language="javascript">
$(function () {
    $(".cb-js-cc").on('click', function () {
        $.ajax({
            type: "POST",
            url: "Overview.aspx/cc",
            data: "{ reservationVersionId: " + $('.js_ReservationVersionId').val() + "}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                if (msg && msg.d) {
                    alert(msg.d);
                }
            }
        });
    });
});
</script>

1 个答案:

答案 0 :(得分:1)

使用$(function () { ... } )$(document).ready(function () { ... });的简写符号。当页面完成加载时,该函数将自动执行,并将click事件绑定到与'cb-js-cc'类关联的任何元素。由于该函数是匿名的,因此您无法通过JavaScript代码触发它。如果需要以编程方式触发事件,可以使用$ .click():

$('.cb-js-cc').click();

重写函数,使其不是匿名的,可以随意执行:

<script language="javascript">
    function myFunc() {
        $.ajax({
            type: "POST",
            url: "Overview.aspx/cc",
            data: "{ reservationVersionId: " + $('.js_ReservationVersionId').val() + "}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                if (msg && msg.d) {
                    alert(msg.d);
                }
            }
        });
    }

    myFunc();
</script>