Java脚本当页面加载时不调用

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

$(function() { 

      getCategoryDetails(); 
      getCountryDetails(); 
    });

下面我得到类别的细节。它的工作就像

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(); 
    } 
}

上述方法都工作正常空下拉和分配参数值和块UI，并呼吁下拉类别追加程序的方法，但下面的方法并不奏效。我获取国家数据，那么我想要绑定这些数据转换成下拉但是绑定过程跳过。

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(); 
    } 
}

任何人有任何想法，请帮助我。

来源

2017-07-15 Neeraj Pathak

你使用'文件ready'？ –

我使用这个（$（函数（）{ getCategoryDetails（）; getCountryDetails（）; }）;） –

你需要使用'文档ready' –

<body onload="myFunction()">

请参阅here。易谷歌

来源

2017-07-15 11:27:04 JGFMK

我有多功能花花公子 –

Google是你的朋友！ “加载多个函数”http://www.htmlgoodies.com/beyond/javascript/article.php/3724571/Using-Multiple-JavaScript-Onload-Functions.htm – JGFMK

-1

试试这个代码

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

来源

2017-07-15 11:43:21

Java脚本当页面加载时不调用

回答

相关问题