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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
JQ实现新浪游戏首页幻灯片
Jul 29 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 Javascript
jQuery实现简单的图片查看器
Sep 11 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
JavaScript canvas基于数组生成柱状图代码实例
Mar 06 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
JavaScript 定时器详情
Nov 11 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简单静态页生成过程
2008/03/27 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
PHP常见加密函数用法示例【crypt与md5】
2019/01/27 PHP
php遍历目录下文件并按修改时间排序操作示例
2019/07/12 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
jQuery基础知识filter()和find()实例说明
2010/07/06 Javascript
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
jQuery对Select的操作大集合(收藏)
2013/12/28 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
Python正则捕获操作示例
2017/08/19 Python
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
详解Python的爬虫框架 Scrapy
2020/08/03 Python
运动会广播稿400字
2014/01/25 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
2014年综治宣传月活动总结
2014/04/28 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
Python OpenCV快速入门教程
2021/04/17 Python