.net中JS、Jquery前后台互动总结

最新推荐文章于 2022-05-13 15:13:44 发布

小马亮哥

最新推荐文章于 2022-05-13 15:13:44 发布

阅读量463

点赞数 1

分类专栏：前端

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

asp.net调用前台js调用后台代码分享（ JQuery就不再复制粘贴了，这个网址很全了已经：http://www.cnblogs.com/XuebinDing/archive/2012/03/01/2376041.html）

C#前台js调用后台代码

ASPX页面为:<% =方法名%>

CSHTML页面为：@（=方法名）

前台js方法调用：
<script type="text/javascript" language="javascript">
　　function Ceshi()
　　{
　　　　var a = "<%=Getstr()%>";
　　　　alert(a);
　　}
</script>
<input type="button" οnclick="Ceshi();" value="js调用后台代码" />
后台代码
public string Getstr()
{
　　string aa = "你们好啊！";
　　return aa;
}

C#后台调用前台js代码（后台回调JS函数）
前台js
<script type="text/javascript" language="javascript">
　　function Ceshi()
　　{
　　　　var a = "你们好啊！"
　　　　alert(a);
　　}
</script>
<asp:Button ID="Button1" runat="server" Text="后台调用js" οnclick="Button1_Click" />
后台代码
protected void Button1_Click(object sender, EventArgs e)
{
　　　　//如果有UpdatePanel就用如下代码调用前台js
　　　　ScriptManager.RegisterStartupScript(UpdatePanel1, this.Page.GetType(), "", "Ceshi();", true);
　　　　//如果没有就如下代码
　　　　this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script>Ceshi();</script>", true);
}

javascript函数中执行C#代码中的函数：
方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中;
        2、在前台写一个js函数，内容为document.getElementByIdx("btn1").click();--母版页： document.getElementById("<%=txtName.ClientID%>");
        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;
}
}
}
方法五：Form表单提交到后台方法（本例是用了Ajax，还可以直接用button的submit提交，不通过Ajax直接提交表单）