js调用后台、后台调用前台等方法总结


Posted in Javascript onApril 17, 2014

js调用后台,后台调用前台等方法总结

1. javaScript函数中执行C#代码中的函数:

方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入Button1_Click中;

protected void Button1_Click(object sender, EventArgs e) 
{ 
this.TextBox1.Text = "voodooer"; 
}

2、在前台可以这样调用:
<input type="button" value="访问C#的方法" onclick='document.getElementById("Button1").click();' />

方法二:1、函数声明为public 或者protected
public string ss() 
{ 
return("voodooer"); 
}

2、 前台调用方法
<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 type="button" value="按钮" >

方法四:
<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 type="text"> 
<input type="hidden" > 〈!--用来存储你要调用的函数 --〉

在.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 type="hidden" runat="server">

方法二:1、如后台定义了PUBLIC STRING N;前台js中引用该变量的格式为' <%=n%>'或"+ <%=n%>+"

方法三: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"," <script>SetVisible(1); </script>");

方法二:使用Literal类,然后

private void Button2_Click(object sender, System.EventArgs e) 
{ 
string str; 
str=" <script language='javascript'>"; 
str+="selectRange()"; 
str+=" </script>"; 
//Literal1.Visible=true; 
Literal1.Text=str; 
}
Javascript 相关文章推荐
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
Jul 27 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
异步加载JS、CSS代码(推荐)
Jun 15 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
Jan 03 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
详解jQuery中的getAll()和cleanData()
Apr 15 jQuery
Vue中的组件及路由使用实例代码详解
May 22 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 #Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 #Javascript
在JS中解析HTML字符串示例代码
Apr 16 #Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 #Javascript
javascript打开word文档的方法
Apr 16 #Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 #Javascript
JavaScript两种跨域技术全面介绍
Apr 16 #Javascript
You might like
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
PHP实现检测客户端是否使用代理服务器及其匿名级别
2015/01/07 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
vuejs手把手教你写一个完整的购物车实例代码
2017/07/06 Javascript
JS实现点击链接切换显示隐藏内容的方法
2017/10/19 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
JS+php后台实现文件上传功能详解
2019/03/02 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
2020/01/02 Javascript
JS手写一个自定义Promise操作示例
2020/03/16 Javascript
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
[01:48]完美圣典齐天大圣至宝宣传片
2016/12/17 DOTA
python将图片文件转换成base64编码的方法
2015/03/14 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
python并发编程多进程 模拟抢票实现过程
2019/08/20 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
大学活动邀请函
2014/01/28 职场文书
教师个人事迹材料
2014/12/17 职场文书