前台为html后台是asp在vs2012中建立什么,Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得...
Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得
< type="text/javascript"> < type="text/javascript">
一、 经 常需要在asp.net中“后台代码*.cs文件中调用javascript脚本中已经定义好的脚本函数”。
基本包括一下几种办法:
1. 用Response.Write() 方法写入脚本:
比如在单击按钮后,先操作数据库,完了后显示已经完成,可以在最后想调用的地方写上:
Response.Write("" );
这个方法有个缺陷就是不能调用脚本文件中的自定义的函数,只能调用内部函数,具体调用自定义的函数只能在Response.Write写上函数定义,比如:Response.Write ("" );
2. 用ClientScript 类动态添加脚本:
用法如下:在想调用某个javascript脚本函数的地方添加代码,注意要保证MyFun已经在脚本文件中定义过了。
ClientScript.RegisterStartupScript (ClientScript.GetType (), "myscript ", " ");
例子:StringBuilder sb = new StringBuilder();
sb.Append("
sb.Append("Button2_onclick('" + serverPath + "')");
sb.Append("");
ClientScript.RegisterStartupScript(this.GetType(), "LoadPicScript", sb.ToString());
这个方法比Response.Write更方便一些,可以直接调用脚本文件中的自定义函数。
3. 普通的添加控件的Attributes 属性:
对于普通按钮就是: Button1.Attributes.Add ("onclick " ,"MyFun(); " );
只能在Onload中或类似于onload的初始化过程中添加才有效。而且是先执行脚本函数,无法改变执行顺序。
注意,以上所有方法中,后台代码都不能有转化当前页的代码,比如Redirect等,要把转页代码放在脚本里面。
4.定义Literal控件
用法如下:
Literal lit=new Literal();
lit.text="";
this.page.Controls.Add(lit);
5.OnClientClick (vs2003不支持这个方法)
client_click() 就是javascript的一个方法。
二、当然有时候也需要在“前台JS执行或调用后台的一些方法函数”,很多时候都会想到Ajax来解决,最近刚好总结了一个不用Ajax却很简单实用的方法:
1. 这里以Table中的行删除为例,如果table中的标签内容是从后台取出后在render到前台的话,行中的删除按钮可以写成JS触发方式:
view plaincopy to clipboardprint?
删除
删除
2. 所调用的前台js函数为:
view plaincopy to clipboardprint?
function onRowdataDelete(rowid, gname, gid) {
if (confirm("-----------------------------------------\r\n 用户组ID:\"" + gid + "\"\r\n 用户组名称:\"" + gname + "\"\r\n-----------------------------------------\r\n------- 确认要将以上用户组删除吗? -------" )) {
document.getElementById("delid" ).value = rowid;
document.getElementById("delgid" ).value = gid;
document.getElementById("del_btn" ).click ();
}
else {
}
}
function onRowdataDelete(rowid, gname, gid) {
if (confirm("-----------------------------------------\r\n 用户组ID:\"" + gid + "\"\r\n 用户组名称:\"" + gname + "\"\r\n-----------------------------------------\r\n------- 确认要将以上用户组删除吗? -------" )) {
document.getElementById("delid" ).value = rowid;
document.getElementById("delgid" ).value = gid;
document.getElementById("del_btn" ).click ();
}
else {
}
}
3. 前台*.aspx 中增加如下隐藏定义:
view plaincopy to clipboardprint?
< asp:HiddenField ID ="delid" runat ="server" />
< asp:HiddenField ID ="delgid" runat ="server" />
< asp:Button ID ="del_btn" style ="display : none ;" runat ="server" OnClick ="delbtn_click" />
< asp:HiddenField ID ="delid" runat ="server" />
< asp:HiddenField ID ="delgid" runat ="server" />
< asp:Button ID ="del_btn" style ="display : none ;" runat ="server" OnClick ="delbtn_click" />
4. 后台*.cs 中相应的onclick 事件:
view plaincopy to clipboardprint?
protected void delbtn_click(object sender, EventArgs e){
//可以直接获取删除行的相关参数:delid.Value, delgid.Value
//在此执行你的业务逻辑,比如这里是删除的方法函数
}
protected void delbtn_click(object sender, EventArgs e){
//可以直接获取删除行的相关参数:delid.Value, delgid.Value
//在此执行你的业务逻辑,比如这里是删除的方法函数
}
5. 简要注解:
在删除的js方法被激发后会先执行confirm,确认后会将传入的几个参数分别赋给*.aspx前台页面中的相应隐藏值,便于后台取值。最后出发*.aspx页面中隐藏的button单击事件,进而开始调用其后台的单击事件,执行后台的方法函数。
(注意*.aspx中Button在隐藏是不能使用visible=false,这样会使得 getElementById时无法找到此控件 )
转载于:https://www..com/songjianpin/archive/2012/04/24/2468759.html
前台为html后台是asp在vs2012中建立什么,Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得...相关推荐
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(32)-swfupload多文件上传[附源码]...
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(32)-swfupload多文件上传[附源码] 文件上传这东西说到底有时候很痛,原来的asp.net服务器 ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(12)-系统日志和异常的处理②...
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(12)-系统日志和异常的处理② 上一讲我们做了日志与异常的结果显示列表,这一节我们讲要把他应用系统中来. ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(31)-MVC使用RDL报表
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(31)-MVC使用RDL报表 这次我们来演示MVC3怎么显示RDL报表,坑爹的微软把MVC升级到5都木有良 ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(39)-在线人数统计探讨
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(39)-在线人数统计探讨 系列目录 基于web的网站在线统计一直处于不是很精准的状态!基本上没有一种方法可 ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析...
构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(34)-文章发布系统①-简要分析 原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入 ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(13)-系统日志和异常的处理③
构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(13)-系统日志和异常的处理③ 参考文章: (1)构建ASP.NET MVC4+EF5+EasyUI+Unity ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(10)-系统菜单栏[附源码]
构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(10)-系统菜单栏[附源码] 原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后 ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(40)-精准在线人数统计实现-【过滤器+Cache】...
构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(40)-精准在线人数统计实现-[过滤器+Cache] 原文:构建ASP.NET MVC4+EF5+EasyUI+ ...
- c#调用js脚本报错_C#后台调用前台JS函数方法
总结了公司其他人的一些C#后台调用前台的方法: 方法一: 假设前台页面的JS脚本标签中有如下函数: function A() { alert("hello word!"); } 那 ...
最新文章
- 成长必须避开的5个陷阱
- 上汽大众系统服务器,上汽大众这次放大招了!简单却不平凡的智慧互联系统有多厉害?...
- java 连接池_初探数据库连接池
- flask连接不到mysql数据库,即使使用了python flask mysql,也无法将数据提交到数据库(使用python flask mysql)连接.提交()...
- EXE和SYS通信(ReadFile WriteFile DO_DIRECT_IO) 直接方式
- 网站前端性能优化之javascript和css
- r 数据框选子集_在带有组合框的值列表的下拉列表中显示显示属性的子集
- 自定义Spring Data JPA存储库
- java哈夫曼_用 JAVA 实现哈夫曼树(Huffman Tree)
- php mysql cpu使用率_Mysql CPU占用高的问题解决方法小结
- 面试技巧 面试复盘 编程技术 架构 看这一篇就够了
- fastp manul page
- Matlab中median函数的使用
- 大数据工程师必备之数据可视化技术
- java 克隆对象_Java中克隆(Clone)一个对象
- 攻防视角下的信息收集
- python装饰器带参数函数二阶导数公式_机器学习【二】单变量线性回归
- oracle替换手机号中间的4位为*号(姓名,手机号,邮箱脱敏)
- 2017百度世界大会 | 爱奇艺创始人CEO龚宇演讲速记
- 疫情期间再读三体(4)——杨冬之死与“终极问题”的思考
热门文章
- hbuilder php mysql_xampp本地服务器+HBuilder配置php环境
- java如何实现乌龟爬行_请教:一只乌龟的运动
- Java RandomAccessFile writeLong()方法与示例
- 第 2-2 课:各种内部类和枚举类 + 面试题
- 一文彻底搞懂Java中的值传递和引用传递!
- Pytorch 版YOLOV5训练自己的数据集
- vmware安装渗透系统 Linux Kail最新版
- CAS实现原子操作的三大问题
- 精通ASP.NET MVC ——属性路由
- windows下使用Caffe框架和matlab实现SRCNN官方代码的步骤