ASP.NET與JS交互

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="按鈕" οnclick="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 οnkeypress="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;
           }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章