ASP.NET中javascript与c#互相访问

简介: 下面要解决的问题如下:       1.如何在JavaScript访问C#函数?  2.如何在JavaScript访问C#变量?  3.如何在C#中访问JavaScript的已有变量?  4.如何在C#中访问JavaScript函数?  问题1答案如下:   javaScript函数中执行C#代码...

下面要解决的问题如下:

       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>

  方法三:

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

 

版权

作者:灵动生活 郝宪玮

出处:http://www.cnblogs.com/ywqu

如果你认为此文章有用,请点击底端的【推荐】让其他人也了解此文章,

img_2c313bac282354945ea179a807d7e70d.jpg

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

 

相关文章
|
JavaScript API
使用Node.js访问API的示例
下面是一个使用Node.js访问API的示例代码:
162 1
|
JavaScript 前端开发
js中访问节点和创建节点的方法都有什么?
js中访问节点和创建节点的方法都有什么?
75 0
|
2月前
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
|
4月前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
32 1
JavaScript基础知识-数组基于索引访问
|
5月前
|
JSON JavaScript 前端开发
震惊!JS如何悄无声息追踪你的每一步?揭秘页面访问与关闭的超级上报大法,让数据说话,优化体验不再难!
【8月更文挑战第4天】在Web开发中,跟踪用户行为对提升体验与留存至关重要。本文以在线学习平台为例,介绍如何用JavaScript监听页面访问及关闭,并上报数据。通过`window.onload`监测页面加载,记录用户访问;利用`navigator.sendBeacon`在用户离开时发送少量数据至服务器,无需担心请求失败。需注意隐私合规、性能影响及浏览器兼容性。此技术有助于深入理解用户行为,为产品迭代提供依据。
225 8
|
5月前
|
JavaScript 前端开发 API
揭秘Node.js如何轻松访问API:一个示例足以改变你的开发视角!
【8月更文挑战第21天】在现代Web开发中,API是软件间通信的关键。Node.js以其高效性,在API访问上独具优势。本文通过示例展示如何用Node.js访问API。首先确保已安装Node.js,然后使用npm安装`axios`库。创建`api_example.js`文件,并编写代码以访问JSONPlaceholder API获取数据。成功时,响应数据会输出至控制台;若失败,则打印错误。此示例展示了Node.js结合`axios`访问API的便捷性及高效性,为初学者提供快速入门指南。
48 0
|
6月前
|
前端开发 JavaScript
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
263 1
|
7月前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。
【6月更文挑战第25天】JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。闭包基于作用域链和垃圾回收机制,允许函数记住其定义时的环境。例如,`createCounter`函数返回的内部函数能访问并更新`count`,每次调用`counter()`计数器递增,展示了闭包维持状态的特性。
61 5
|
6月前
|
前端开发 JavaScript Linux
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
|
6月前
|
前端开发 JavaScript
前端 JS 经典:访问器成员
前端 JS 经典:访问器成员
25 0