js 和后台交互

摘要:
在js中,可以使用以下脚本获取Namevarmyvalue=document的值。全部(“名称”)。价值4.前台和后台之间的函数调用<headunat=“服务器”>真)%>result变量是服务器返回的结果警报(result);TextBoxrunat=“服务器”/>
.asp.net呼叫js
   
                     Response.Write("<script language=javascript>");
                     Response.Write("alert('登峰欢迎您 ');" );
                     Response.Write("location.href='http://t.zoukankan.com/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 runat="server" />
    <asp:Button 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 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()" 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 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 和后台交互》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇js地理定位对象 navigator.geolocationiOS模糊效果(毛玻璃效果)的实现下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

解决正则表达式中用中文匹配的方法

例如在网页源代码中有如下中文字段(charset=‘utf-8’): 发布: 2016-7-27 11:18 |  作者:  |   查看: 63次据新华社电全球最大太阳能飞机“阳光动力”2号当地时间26日凌晨在阿联酋首都阿布扎比巴廷商务机场平稳降落,完成全程约3.5万公里的环球飞行,创造了全球不耗费任何燃料、完全依靠太阳能作为动力的飞机环球飞行纪录。...

sql基础内容2

-- day16课程内容 --CREATE DATABASE day16;USE day16; -- *************一、数据约束********************------ 1.1 默认值CREATE TABLE student( id INT, NAME VARCHAR(20), address VARCHAR(20) DEFAULT...

Android PendingIntent的一些经验

近日在开发中刚好涉及到桌面Widget的一些开发工作,而桌面Widget控件的点击事件,通常只能通过RemoteViews.setOnClickPendingIntent(int viewId, PendingIntent pendingIntent)方法来指定响应的行为。 通常实际应用中我们会把桌面Widget作为应用的快捷方式和缩略展示,那么通常我们做...

拓端数据tecdat|R语言分布滞后线性和非线性模型(DLMs和DLNMs)分析时间序列数据

原文链接:http://tecdat.cn/?p=20953序言 本文演示了在时间序列分析中应用分布滞后线性和非线性模型(DLMs和DLNMs)。Gasparrini等人[2010]和Gasparrini[2011]阐述了DLMs和DLNMs的发展以及时间序列数据的实现。本文描述的示例涵盖了时间序列数据DLNM方法的大多数标准应用,并探讨了DLNM包用于指...

c/c++中变量的作用域

作用域规则告诉我们一个变量的有效范围,它在哪儿创建,在哪儿销毁(也就是说超出了作用域)。变量的有效作用域从它的定义点开始,到和定义变量之前最邻近的开括号配对的第一个闭括号。也就是说,作用域由变量所在的最近一对括号确定。 (1) 全局变量:    全局变量是在所有函数体的外部定义的,程序的所在部分(甚至其它文件中的代码)都可以使用。全局变量不受作用域的影响...

JS高级---把局部变量变成全局变量

如何把局部变量变成全局变量?  把局部变量给window就可以了     函数的自调用---自调用函数 一次性的函数--声明的同时, 直接调用了 (function () { console.log("函数"); })(); 局部变量 页面加载后.这个自调用函数的代码就执行完了 (function (形参) {...