ASP.NET中前台javascript与后台代码调用

简介:

正好项目这边有用到前后台交互的东西,一下的方法做了下试验,遇到些问题。

我用的webapplication,页面都套了模板页。需要弹出一个登陆对话框(我用的是jquery插件,弹出内容放在一个div里),

用户登陆后,在页面中直接显示用户当前信息。

问题出现在用户点击登陆按钮后关闭对话框这里,thickbox插件要求调用叫tb_remove的js方法来关闭对话框。而这个方法放在

RegisterStartupScript方法中一点作用都没有,直接放在onclientclick里调用也不行。没有办法,只好用了一个html控件,直接掉用

tb_remove函数。结果窗口管了,但是后台的事件没法执行了。

使了几个其他的方法,1 用js把值放在hiddenfield(服务器控件)里,后台取,在website类型的例子里可以取到,但是放在项目中就不行了

用js写到cookie中,不稳定,有时可以取到值,有时不可以了。而且这样做还有安全的问题。

思前想后好像没有什么好的方法解决这个问题了,哎,没办法。

只好使出绝招了==》Callback,这个早先出现在asp.net的ajax方法。但是又不确定,能不能修改Session值。

try了一下,还好。各个功能都ok了,所以这里给大家提下。还有callback这个方法可以用于前后台交互的。

下面是网上找到的方法。大家还有什么方法不妨说下。

 

 

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>

  方法三: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 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; 
}

欢迎加群互相学习,共同进步。QQ群:iOS: 58099570 | Android: 572064792 | Nodejs:329118122 做人要厚道,转载请注明出处!



















本文转自张昺华-sky博客园博客,原文链接:http://www.cnblogs.com/sunshine-anycall/archive/2009/02/20/1394586.html ,如需转载请自行联系原作者

相关文章
|
2月前
|
JavaScript
短小精悍的js代码
【10月更文挑战第17天】
129 58
|
29天前
|
JavaScript 前端开发
JS如何处理后台时间
JS如何处理后台时间
|
2月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具,可以确保代码风格一致,提升团队协作效率和代码质量。
270 2
|
17天前
|
JavaScript 前端开发 测试技术
在 golang 中执行 javascript 代码的方案详解
本文介绍了在 Golang 中执行 JavaScript 代码的四种方法:使用 `otto` 和 `goja` 嵌入式 JavaScript 引擎、通过 `os/exec` 调用 Node.js 外部进程以及使用 WebView 嵌入浏览器。每种方法都有其适用场景,如嵌入简单脚本、运行复杂 Node.js 脚本或在桌面应用中显示 Web 内容。
51 15
在 golang 中执行 javascript 代码的方案详解
|
18天前
|
开发框架 .NET PHP
ASP.NET Web Pages - 添加 Razor 代码
ASP.NET Web Pages 使用 Razor 标记添加服务器端代码,支持 C# 和 Visual Basic。Razor 语法简洁易学,类似于 ASP 和 PHP。例如,在网页中加入 `@DateTime.Now` 可以实时显示当前时间。
|
1月前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
46 3
原生js炫酷随机抽奖中奖效果代码
|
24天前
|
前端开发 JavaScript 关系型数据库
基于 Vue2.0 + Nest.js 全栈开发的后台应用
Vue2 Admin 是一个基于 Vue2 和 Ant Design Pro 开发的前端项目,配合 Nest.js 构建的后端,提供了一个完整的全栈后台应用解决方案。该项目支持动态国际化、用户权限管理、操作日志记录等功能,适合全栈开发者学习参考。线上预览地址:https://vue2.baiwumm.com/,用户名:Admin,密码:abc123456。
|
1月前
|
敏捷开发 缓存 中间件
.NET技术的高效开发模式,涵盖面向对象编程、良好架构设计及高效代码编写与管理三大关键要素
本文深入探讨了.NET技术的高效开发模式,涵盖面向对象编程、良好架构设计及高效代码编写与管理三大关键要素,并通过企业级应用和Web应用开发的实践案例,展示了如何在实际项目中应用这些模式,旨在为开发者提供有益的参考和指导。
24 3
|
22天前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
下一篇
DataWorks