js和.net後台互動

最後更新：2017-06-21 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：bsp 函數名 javascrip null submit nat 指令碼 href lan

1、asp.net呼叫js

                     Response.Write("<script language=javascript>");
                     Response.Write("alert(‘登峰歡迎您 ‘);" );
                     Response.Write("location.href=‘login.aspx‘;") ;
                     Response.Write("</script>") ;
   在這裡情況下,你可以調用頁面中的JS指令碼的函數都可以

2、js指令碼如何訪問伺服器控制項的值
        介面上有一個TextBox控制項，ID為Name，js裡可以採用如下指令碼取Name的值
        var myvalue=document.all(‘Name‘).value;

3、伺服器控制項如何取js中變數的值
       方法是在介面上放一個隱藏的控制項HtmlInputHidden，然後設定為以伺服器控制項運行，這樣在js指令碼中和ASP.NET代碼裡都可以訪問到該控制項的值
        js中給伺服器控制項賦值：
        var bt＝document.all(‘Name‘).value;
        bt.value=‘名稱‘;
        ASP.NET中使用Name.Value來訪問。

4.前台和後台之間函數的調用

<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    function callServer(arg){
        var oTb = document.getElementById(‘<%=editValue.ClientID %>‘);
        // arg中是傳給伺服器的變數
        arg = oTb.value;
        <%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>
    }

    function receiveServerResult(result){
        // 在這裡添加處理伺服器返回結果的邏輯，result變數是伺服器返回的結果
        alert(result);
    }
    </script>
...//此處省略部分代碼
    <asp:TextBox ID="editValue" runat="server" />
    <asp:Button ID="btnSubmit" runat="server" Text="Submit Data" OnClientClick="callServer();return false;" />

</head>

CS檔案

C# code
//頁面類繼承ICallbackEventHandler介面，並實現其中的兩個方法
public partial class _Default : System.Web.UI.Page , ICallbackEventHandler
{
private string m_strResult = "";

#region ICallbackEventHandler Members

    public string GetCallbackResult()
    {
        // 返回伺服器端處理結果給receiveServerResult方法
        return m_strResult;
    }

    public void RaiseCallbackEvent(string eventArgument)
    {
        // eventArgument是用戶端傳來的變數，對應arg變數
         // 在這裡添加伺服器端處理邏輯...
        m_strResult = eventArgument;
    }

#endregion
}

5.javaScript函數中執行C#代碼中的函數：
方法一： 1、首先建立一個按鈕，在後台將調用或處理的內容寫入button_click中;
      2、在前台寫一個js函數，內容為document.getElementById("btn1").click();
       3、在前台或後台調用js函數，激發click事件，等於訪問後台c#函數；

方法二： 1、函式宣告為public
              後台代碼(把public改成protected也可以)
                public string ss()
                {
                     return("a");
                 }
         2、在html裡用＜%=fucntion()%＞可以調用
               前台指令碼
                ＜script language=javascript＞
                 var a = "＜%=ss()%＞";
                 alert(a);
                ＜/script＞
方法三： 1、＜script language="javascript"＞
              ＜!--
                function __doPostBack(eventTarget, eventArgument)
               {
                  var theForm = document.Form1; //指runat=server的form
                  theForm.__EVENTTARGET.value = eventTarget;
                  theFrom.__EVENTARGUMENT.value = eventArgument;
                  theForm.submit();
               }
               --＞
            ＜/script＞
             ＜input id="Button1" type="button" name="Button1" value="按鈕" onclick="javascript              doPostBack(‘Button1‘,‘‘)"＞

方法四：       ＜script language="javascript"＞
                function SubmitKeyClick()
                {
                  if (event.keyCode == 13)
                     {
                         event.cancelBubble = true;
                         event.returnValue = false;
                         document.all.FunName.value="你要調用的函數名"；
                         document.form[0].submit();
                      }
               }
              ＜/script＞

                ＜INPUT onkeypress="SubmitKeyClick()" id="aaa" type="text"＞
               ＜input type="hidden" name="FunName"＞〈！--用來儲存你要調用的函數 --〉

             在.CS裡有：
                 public Page_OnLoad()
                 {
                if (!Page.IsPost())
                  {
                     string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:"";
                    //根據傳回來的值決定調用哪個函數
                   switch(strFunName)
                    {
                      case "enter()":
                      enter() ; //調用該函數
                      break;
                      case "其他":
                      //調用其他函數
                      break;
                      default:
                      //調用預設函數
                      break;
                     }
                   }
                 }

                  public void enter()
                 {
                  //……比如計算某值
                  }

6.如何在JavaScript訪問C#變數?

方法一：1、通過頁面上隱藏欄位訪問＜input id="xx" type="hidden" runat="server"＞
方法二：1、如後台定義了PUBLIC STRING N; 前台js中引用該變數的格式為‘＜%=n%＞‘或"+＜%=n%＞+"
方法三：1、或者你可以在伺服器端變數賦值後在頁面註冊一段指令碼
            "＜script language=‘javascript‘＞var temp=" + tmp + "＜/script＞"
             tmp是後台變數，然後js中可以直接存取temp獲得值。
7.如何在C#中訪問JavaScript函數?
       c#代碼中執行javaScript函數：
             方法一：1、Page.RegisterStartupScript("ggg","＜script＞SetVisible(1); ＜/script＞");
             方法二：使用Literal類，然後
          private void Button2_Click(object sender, System.EventArgs e)
             {
         string str;
            str="＜script language=‘javascript‘＞";
            str+="selectRange()";
           str+="＜/script＞";
           //Literal1.Visible=true;
            Literal1.Text=str;
           }

js和.net後台互動

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

js和.net後台互動

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support