zoukankan      html  css  js  c++  java
  • js和.net后台交互

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

    仅此杂文,留待后用。
  • 相关阅读:
    在 Students 的 Index 页面增加列标题链接(排序),分页,过滤和分组功能
    Contoso 大学
    如何搭建MVC + EF 框架
    EF与手写Model的区别以及联系
    報錯:One or more validation errors were detected during model generation:System.Data.Edm.EdmEntityType: : EntityType 'Movie' has no key
    Oracle四舍五入,向上取整,向下取整
    datagrid中设置编辑,删除列是否可以访问
    datagrid中设置编辑,删除列是否可以访问
    C#实现打印
    C#中rpt的数据类型和Oracle中数据类型的匹配
  • 原文地址:https://www.cnblogs.com/wow1314/p/7057687.html
Copyright © 2011-2022 走看看