JavaScript呼叫後台的三種方法實例_javascript技巧

方法一：直接使用呼叫

前台JS：

複製代碼 代碼如下:

後頭方法：

複製程式碼 程式碼如下:

public static string BehindMethod()

public static string BehindMethod()
            return "這是後台的方法";
        }

方法二：用ajax呼叫

前台js:

複製程式碼 程式碼如下:

 



頁html:




複製程式碼

程式碼如下:

   

   

   
   
   
img id="imgFood" />
       複製代碼 程式碼如下:

[System.Web.Services.WebMethod public static string GetImg(string ext)
        {
            System.Threading.Th   StringComparer sc = StringComparer.OrdinalIgnoreCase;
string[] extArr = new string[] { "php", "asp", "aspx", "txt", "bmp" };
            bool f = extArr.Any(s=>sc.Equals(s=>sc.Equals(s=), ext));   //判斷傳入的字尾名是否存在

           if (f)
     return "image/54222860.jpg";
            }
           /star1.jpg";
        }

方法三：AjaxPro (也是ajax)

第一步：下載AjaxPro.dll(或AjaxPro.2.dll),並且加入引用到項目

第二步：修改設定檔web.config 

複製程式碼 代碼如下:

     

       



第三步：對AjaxPro在頁Page_Load事件中進行執行時註冊。如：

複製程式碼

程式碼如下:   . >        {            AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxDemo));  //登錄 第四步：建立伺服器方法，並且用[AjaxPro.AjaxMethod]標註

複製碼

代碼如下:

  ImgByAjaxPro( )

        {            return "image/54222860.jp  第五步：前台JS的呼叫：

複製碼


代碼如下:


 est .AjaxDemo.GetImgByAjaxPro();//JustTest是目前的名字空間，AjaxDemo表示後台類別

            document.getElementById("imgAjax"). 🎜>