javascript与asp.net(c#)互相调用方法

所属分类: 网络编程 / JavaScript 阅读数: 1590
收藏 0 赞 0 分享
1、获得aspx客户端请求地址:
复制代码 代码如下:

<a src= 'http://<%=Request.Url.Host %><%= ResolveUrl("../PayCenter/AlipayAdd.aspx")%>'>地址</a>



2、C#调用客户端方法:(top.window.document:表父窗体,如果是MainFrame对象在本窗体中,则不加top.window.document)
Js中的方法:
复制代码 代码如下:

function navurl(url) {
$("#mainFrame",top.window.document).attr("src", url);
}


C#调用:
复制代码 代码如下:

string navUrl = "javascript:navurl('" + "http://" + Request.Url.Host + ResolveUrl("../Document/callIndex.aspx?FolderId=");
DocName.NavigateUrl = navUrl + txtDocId.Value.Trim() + "')";


3. C#调用客户端方法:
复制代码 代码如下:

page.ClientScript.RegisterStartupScript(page.GetType(), "message", "<script language='javascript'>alert('" + msg.ToString() + "');</script>");

下面要解决的问题如下:
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;
  }
更多精彩内容其他人还在看

js实现图片上传预览原理分析

这篇文章主要为大家详细介绍了js实现图片上传预览的原理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Angular限制input框输入金额(是小数的话只保留两位小数点)

最近做项目遇到这样的需求输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码,需要的的朋友参考下吧
收藏 0 赞 0 分享

详解vue-cli + webpack 多页面实例配置优化方法

本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)

本篇文章主要介绍了React-Native解决键盘遮挡问题(Keyboard遮挡问题),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript反弹动画效果的实现代码

本文通过实例代码给大家介绍了js反弹动画效果的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享

解决vue2.x中数据渲染以及vuex缓存的问题

本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jsonp跨域请求详解

这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料,激活了所有接口支持浏览器跨域请求的封装,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

解决vue里碰到 $refs 的问题的方法

本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js自定义弹框插件的封装

这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装,自己封装一个弹框插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

深入理解vue $refs的基本用法

本篇文章主要介绍了深入理解vue $refs的基本用法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多