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


Posted in Javascript onDecember 13, 2009

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;

}

Javascript 相关文章推荐
javascript之可拖动的iframe效果代码
Aug 01 Javascript
Javascript面向对象编程
Mar 18 Javascript
jquery.qrcode在线生成二维码使用示例
Aug 21 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
JS常用函数使用指南
Nov 23 Javascript
js如何获取网页所有图片
May 12 Javascript
vue.js 微信支付前端代码分享
Feb 10 Javascript
Angular网络请求的封装方法
May 22 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 Javascript
微信小程序如何实现在线客服功能
Oct 16 Javascript
JS实现网页烟花动画效果
Mar 10 Javascript
JS高级程序设计之class继承重点详解
Jul 07 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 #Javascript
jQuery 行背景颜色的交替显示(隔行变色)实现代码
Dec 13 #Javascript
页面中iframe相互传值传参
Dec 13 #Javascript
jquery提示 &quot;object expected&quot;的解决方法
Dec 13 #Javascript
js 加载并解析XML字符串的代码
Dec 13 #Javascript
javascript 强制刷新页面的实现代码
Dec 13 #Javascript
ExtJS下grid的一些属性说明
Dec 13 #Javascript
You might like
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
PHP发送短信代码分享
2015/08/11 PHP
PHP Static延迟静态绑定用法分析
2016/03/16 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
自己编写的支持Ajax验证的JS表单验证插件
2015/05/15 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
2015/11/05 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
使用JS获取页面上的所有标签
2018/10/18 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
python实现ip查询示例
2014/03/26 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Python输入二维数组方法
2018/04/13 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
python 正确保留多位小数的实例
2018/07/16 Python
在python image 中安装中文字体的实现方法
2019/08/22 Python
Python 依赖库太多了该如何管理
2019/11/08 Python
如何基于python生成list的所有的子集
2019/11/11 Python
PyTorch实现AlexNet示例
2020/01/14 Python
森海塞尔美国官网:Sennheiser耳机与耳麦
2017/07/19 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
给物业的表扬信
2014/01/21 职场文书
小学语文国培感言
2014/03/04 职场文书
六查六看心得体会
2014/10/14 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
企业工会工作总结2015
2015/05/13 职场文书
熟背这些句子,让您的英语口语突飞猛进(135句)
2019/09/06 职场文书
创业计划书之家教中心
2019/09/25 职场文书
python如何在word中存储本地图片
2021/04/07 Python
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python