Javascript 页面加载时不调用Java脚本方法_Javascript_Jquery

Javascript 页面加载时不调用Java脚本方法

javascript jquery

Javascript 页面加载时不调用Java脚本方法,javascript,jquery,Javascript,Jquery,我想使用jquery和ajax绑定下拉列表，并尝试在页面加载时调用该方法。在我的代码下面 $(function () { getCategoryDetails(); getCountryDetails(); }); 下面是我的分类详细信息。它的工作原理类似于空下拉列表并分配参数值和块UI，以及调用下拉列表类别Appender方法 function getCategoryDetails() { try {

我想使用jquery和ajax绑定下拉列表，并尝试在页面加载时调用该方法。在我的代码下面

   $(function () {

            getCategoryDetails();
            getCountryDetails();
    });

下面是我的分类详细信息。它的工作原理类似于空下拉列表并分配参数值和块UI，以及调用下拉列表类别Appender方法

function getCategoryDetails() {

    try {

        $('#ddlCategory').empty().append('<option selected="selected" value="0">Select Category</option>');
        categoryReq.PageIndex = 1;
        categoryReq.objDetails.OrganizationID = LoggedinUserDetails.ID;
        categoryReq.objDetails.OpType = 1;
        blockUI();
        dropdownCategoryAppender();
    }
    catch (err) {
        messageProvider(0, err);
        unBlockUI();
    }
}

function dropdownCategoryAppender() {
    try {

        $.ajax({
            type: 'POST',
            url: '/pages/AddContact.aspx/GetCategoryDetails',
            dataType: 'json',
            data: JSON.stringify({ 'obj': JSON.stringify(categoryReq) }),
            contentType: 'application/json; charset=utf-8',
            success: function (data, textStatus, xhr) {

                categoryRes = data.d;
                categoryReq.IsMoreRecords = categoryRes.IsMoreRecords;

                if (categoryRes.ReturnID >= 1) {

                    var ddl = $("[id*=ddlCategory]");

                    $.each(categoryRes.objDetails, function () {
                        ddl.append($("<option></option>").val(this.ID).html(this.Name));

                    });
                    unBlockUI();
                }
                else {
                    messageProvider(0, categoryRes.ReturnMsg);
                    unBlockUI();
                }

                if (categoryReq.IsMoreRecords) {
                    categoryReq.PageIndex++;
                    blockUI();
                    dropdownCategoryAppender();
                }
            },
            error: function (xhr, textStatus, errorThrown) {
                messageProvider(0, textStatus + ', ' + errorThrown);
                unBlockUI();
            }
        });

    }
    catch (err) {
        messageProvider(0, err);
        unBlockUI();
    }
}

上述方法工作正常，但以下方法不工作。我正在获取国家数据，然后试图将这些数据绑定到下拉列表中，但绑定过程跳过

function getCountryDetails() {

    try {

        $('#ddlCountry').empty().append('<option selected="selected" value="0">Select Country</option>');
        countryReq.PageIndex = 1;
        countryReq.objDetails.OpType = 1;
        blockUI();
        dropdownCountryAppender();
    }
    catch (err) {
        messageProvider(0, err);
    }
}

function dropdownCountryAppender() {
    try {

        $.ajax({
            type: 'POST',
            url: '/pages/AddContact.aspx/GetCountryDetails',
            dataType: 'json',
            data: JSON.stringify({ 'obj': JSON.stringify(countryReq) }),
            contentType: 'application/json; charset=utf-8',
            success: function (data, textStatus, xhr) {

                countryRes = data.d;

                countryReq.IsMoreRecords = countryRes.IsMoreRecords;

                if (countryRes.ReturnID >= 1) {

                    var ddl = $("[id*=ddlCountry]");

                    $.each(countryRes.objDetails, function () {
                        ddl.append($("<option></option>").val(this.ID).html(this.Name));
                    });

                    unBlockUI();
                }
                else {
                    messageProvider(0, countryRes.ReturnMsg);
                    unBlockUI();
                }

                if (countryReq.IsMoreRecords) {
                    countryReq.PageIndex++;
                    blockUI();
                    dropdownCountryAppender();
                }
            },
            error: function (xhr, textStatus, errorThrown) {
                messageProvider(0, textStatus + ', ' + errorThrown);
                unBlockUI();
            }
        });

    }
    catch (err) {
        messageProvider(0, err);
        unBlockUI();
    }
}

任何人对此有任何想法，请帮助我

<body onload="myFunction()">

看。很容易用谷歌搜索

试试这段代码

<body onload="myFunction();myFunction1();myFunction2()">

您使用文档准备好了吗？我正在使用这个$function{getCategoryDetails；getCountryDetails；}；你需要在页面加载就绪状态下使用document readyCheck浏览器控制台窗口启动该功能，同时发布屏幕截图。我有多个功能，谷歌是你的朋友！加载多个函数