ASP.NET 前台javascript与后台代码调用

所属分类: 网络编程 / ASP.NET 阅读数: 740
收藏 0 赞 0 分享
ASP.NET中前台javascript与后台代码调用
1如何在JavaScript访问C#函数?
2.如何在JavaScript访问C#变量?
3.如何在C#中访问JavaScript的已有变量?
4.如何在C#中访问JavaScript函数?
问题1答案如下:
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里用可以调用
  前台脚本
<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()
  {
    //……比如计算某值
  }
  问题2.如何在JavaScript访问C#变量?
  答案如下:
  方法一:1、通过页面上隐藏域访问
<input id="xx" type="hidden" runat="server">
  方法二:1、如后台定义了PUBLIC STRING N; 前台js中引用该变量的格式为''或"++"
  方法三:1、或者你可以在服务器端变量赋值后在页面注册一段脚本
"<script language='javascript'>var temp=" + tmp + "</script>"
  tmp是后台变量,然后js中可以直接访问temp获得值。
  问题3.如何在C#中访问JavaScript的已有变量?
  答案如下:
  方法一:1、前台使用静态文本控件隐藏域,将js变量值写入其中;2、后台用request["id"]来获取值;
  方法二:可以用cookie或session
  问题4.如何在C#中访问JavaScript函数?
  答案如下:
  c#代码中执行javaScript函数:
  方法一:1、
Page.RegisterStartupScript("ggg"," ");
  方法二:使用Literal类,然后
复制代码 代码如下:

private void Button2_Click(object sender, System.EventArgs e)
  {
    string str;
    str=" ";
    //Literal1.Visible=true;
    Literal1.Text=str;
  }
更多精彩内容其他人还在看

.NET Core源码解析配置文件及依赖注入

这篇文章我们设计了一些复杂的概念,因为要对ASP.NET Core的启动及运行原理、配置文件的加载过程进行分析,依赖注入,控制反转等概念的讲解等
收藏 0 赞 0 分享

.NET Corek中Git的常用命令及实战演练

这篇文章将通过故事的形式从Git的历史谈起,并讲述Git的强大之处。然后通过实战演练教你如何在Github以及码云上托管我们的代码并进行代码的版本控制
收藏 0 赞 0 分享

Asp.Net Core WebAPI使用Swagger时API隐藏和分组详解

这篇文章主要给大家介绍了关于Asp.Net Core WebAPI使用Swagger时API隐藏和分组的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Asp.Net Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

如何利用FluentMigrator实现数据库迁移

这篇文章主要给大家介绍了关于如何利用FluentMigrator实现数据库迁移的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

ASP.NET Core利用Jaeger实现分布式追踪详解

这篇文章主要给大家介绍了关于ASP.NET Core利用Jaeger实现分布式追踪的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

浅谈从ASP.NET Core2.2到3.0你可能会遇到这些问题

这篇文章主要介绍了ASP.NET Core2.2到3.0可能会遇到的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解.net core webapi 前后端开发分离后的配置和部署

这篇文章主要介绍了.net core webapi 前后端开发分离后的配置和部署,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁

这篇文章主要介绍了ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

.net 4.5部署到docker容器的完整步骤

这篇文章主要给大家介绍了关于.net 4.5部署到docker容器的完整步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用.net4.5具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

.net core并发下线程安全问题详解

这篇文章主要给大家介绍了关于.net core并发下线程安全问题的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.net core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多