asp.net後臺調用前臺js代碼

時間 2019-11-17

標籤 asp.net asp 後臺調用前臺代碼欄目 ASP 简体版

原文原文鏈接

爲了經過ajax異步獲取數據，我經過使用jquery的$(function{})方法，在頁面加載時發送ajax請求，獲取相關的數據。可是遇到了一個問題，當我發送的ajax請求須要根據傳過來的URL參數來獲取數據時，這就存在一個問題，怎樣將後臺獲取的參數傳遞給前臺js的問題。因爲頁面是先加載jquery的ajax請求頁面，再執行後臺代碼的Page_Load方法，因此必須在獲取參數以後再調用ajax方法。能夠經過在後臺代碼中註冊前臺js代碼，控制它的執行順序。

後臺C#代碼以下：jquery

 
      <SPAN style= 
      "FONT-SIZE: 14px" 
      > 
      private 
      string 
      categoryId =  
      "0" 
      ;  
     
      protected 
      void 
      Page_Load( 
      object 
      sender, EventArgs e)  
     
      {  
     
      if 
      (!String.IsNullOrEmpty(Request.QueryString[ 
      "categoryId" 
      ]))  
     
      {  
     
      categoryId = Request.QueryString[ 
      "categoryId" 
      ];    
     
      }  
     
      Page.ClientScript.RegisterStartupScript( 
      this 
      .GetType(),  
      "" 
      ,  
      "load(" 
      +categoryId+ 
      ")" 
      ,    
      true 
      );  
     
      }  
     
      </SPAN>

前臺js代碼以下：ajax

 
         1 
       
         2 
       
         3 
       
         4 
       
         5 
       
         6 
       
         7 
       
         8 
       
         9 
       
         10 
       
         11 
       
         12 
       
         13 
       
         <SPAN style= 
         "FONT-SIZE: 14px" 
         >function load(categoryId) {  
        
         $.ajax({  
        
         type:  
         "get" 
         ,  
        
         url:  
         '<%=ResolveUrl("~/Handler/Test.ashx") %>' 
         ,  
        
         dataType:  
         "json" 
         ,  
        
         data: 
         "categoryId=" 
         +categoryId,  
        
         success: function (result) {  
        
         $.each(result, function (index, data) {  
        
          });  
        
         }  
        
         });  
        
         };  
        
         </SPAN>