js调用.net后台事件,和后台调用前台等方法以及js调用服务器控件的方法

http://blog.csdn.net/deepwishly/article/details/6670942  ajaxPro.dll基础教程(前台调用后台方法,后台调用前台方法)

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

方法一:间接触发后台代码

1、首先建立一个服务端控件按钮命名为btn1,双击进入后台将调用或处理的内容写入btn1_click中;  

2、在前台写一个js函数,内容为document.getElementByIdx("btn1").click();

3、在前台调用js函数,激发click事件,等于访问后台c#函数;

代码如下:

<input id="hBt" type="button" value="CLICK ME2" onclick="fun2()" />

<asp:Button ID="aBt" runat="server" Text="server BT" OnClick="aBt_Click" />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
当点击服务器端按钮的时候 给lable赋值

protected void aBt_Click(object sender, EventArgs e)    

{         Label1.Text = " 真的 假的~~~";     }

js代码如下:

function fun2() {     

  document.getElementById(‘aBt‘).click();

}

  

方法二:1、函数声明为public

后台代码(把public改成protected也可以)

public string ss()

{

return("a");

}//

2、在html里用 <%=fucntion()%>可以调用

前台脚本

<script language=javascript>

var a = " <%=ss()%>";

alert(a);

</script>

 有参数的形式

如图所示 都是html控件 输入姓名 点击按钮获取您输入的信息!


代码如下:
<div>
            Your Name is:<input id="name" type="text" /> 

           <input id="clickBt" type="button" value="GET NAME" onclick="fun()" />
            <input id="nameTxt" type="text" />
</div>

js如下:
<script 
language="javascript" type="text/javascript">
 function fun()
  {
            var name = document.getElementById(‘name‘).value;
            var nameStr = 
‘<%=getName("‘+name+‘") %>‘;页面在第一次加载的时候,由于页面的执行顺序,运行到这里的时候回以 ‘ + name + ‘的值传到后台,但不真正的执行后台方法
            
document.getElementById(‘nameTxt‘).value = nameStr;
        }
    
</script>

后台代码如下:
public string getName(string namePar)
    {
        return namePar + " is your name";

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

}

原文来自:http://hi.baidu.com/xiaowei0705/blog/item/4d56163f5e4bf616bba16725.html

客户端如何获取ASP.net服务器控件ID

分类:C# 在ASP.NET中服务器控件的ID在客户端会发生一定的变化。如何利用document.getElementById()来获取控件中的值成为了一个难题。比如:在一个登录页面里面放入一个帐号输入框,一个密码输入框,一个提交按钮

<asp:TextBox ID="TextBox_Uid" runat="server" MaxLength="20" ></asp:TextBox>

<asp:TextBox ID="TextBox_Pwd1" runat="server" MaxLength="20" TextMode="Password"></asp:TextBox>

<asp:Button ID="Button_Login" runat="server" Text="登录" OnClick="Button_Login_Click" OnClientClick="return CheckReg()" />

 如何准确获取服务器控件的ID?请看下面:使用<%=控件ID.ClientID%>

为了减少输入的频繁提交。我在客户端写入一个Javascript方法,简单判断输入的值是否符合要求。如果账号和密码输入不为空,我就提交到后台进行判断。
控件TextBox的ID为TextBox_Uid和TextBox_Pwd1但是在客户端竟然变成了ctl00_TextBox_User和ctl00_TextBox_Pwd。

<script language="javascript" type="text/javascript">

//检查账号、密码是否为空

function CheckReg()

{

var uid = document.getElementById("<%=TextBox_Uid.ClientID %>").value;

var pwd1 = document.getElementById("<%=TextBox_Pwd1.ClientID %>").value;

if(uid == "" || pwd1 == "")

{

alert("账号和密码不能为空!");

return false;

}

return true;

}

</script>

转自:http://www.cnblogs.com/qinpengming/archive/2012/05/23/2514373.html

js调用.net后台事件,和后台调用前台等方法以及js调用服务器控件的方法

时间: 2024-10-25 05:03:37

js调用.net后台事件,和后台调用前台等方法以及js调用服务器控件的方法的相关文章

JAVAscript学习笔记 js句柄监听事件 第四节 (原创) 参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>

前台调用后台事件和方法实现小结

在实际开发过程中,我们的HTML元素需要调用后台,而且需要让后台进行复杂运算后再进行数据重新绑定操作,遇到这样的问题怎么办呢?可能有人说在后台创建一个方法,该方法实现绑定数据操作,但是实际呢?结果不尽人意,它没有执行绑定的实现,而只是简单的执行一下方法但是前台无反应,为什么出现这样的情况?原来前台调用后台方法其实只是返回结果,对实现过程及元素组合变化不管不问,它只是关注执行后的结果,不为过程买单,那么有什么方法解决这个问题呢?想想?我们可不可以让前台HTML元素触发ASP.NET按钮来触发事件呢

JS调用C#后台函数获得后台参数(html获得C#参数)

    C#有自己的后台控件,跟后台交互很简单和方便,但有的时候不得不用html控件,要如何与后台交互是个问题.例如html获得后台参数后传到PHP进行数据库操作.下面简单介绍JS调用后台函数获得要传到前台的参数 C#后台代码(Default.aspx.cs): 1 public string getParameter() 2 { 3 string parameter = "这是要传到前台的参数"; 4 return parameter; 5 } Default.aspx部分代码: 注

JS的三种使用方式/CSS的三种使用方式/JS中的DOM事件模型/JS中匿名函数的书写及调用/媒体查询@media的三种使用方式

一.JS的三种使用方式 1.html标签中内嵌JS(不提倡使用.)                <button onclick="javascript:alert('你真点啊.')" > 有本事点我呀!!!!</button>                                2.HTML页面中直接使用JS:                <script type="text/javascript">        

JS前后台方法的相互调用

一.前台调用后台的方法: 1.在后台编写你要调用到前台的方法,如下://javaScript函数中执行C#代码中的函数public string str() { return "javaScript方法中执行C#代码中的方法"; } 2.前台用JS就可以实现调用后台的方法,如下:<script type="text/javascript"> function Test() { var a = "<%=str()%>"; /

JSF页面中使用js函数回调后台bean方法并获取返回值的方法

由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的,很可能会误导使用者. 相对来说,看国内的那些仅仅是翻译过来的文章或书籍不如直接看国外的官方文档或资料来的实在,在我讲述jsf页面中如何使用js调用后台bean方法之前,先给大家说几个国外的资料.在primefaces官方网站上,你可以搜索到几乎所有你需要的东西,primefaces官网为:http:

view xml 中的 button 调用web客户端事件

最近写一个模块 需要 在客户端干点事. 按常规的方法, 应该是写个 客户端模块. 在 客户端 init, start, render 去渲染个按钮出来干事.暂时还不太理解WEB模块如何很好地同服务器端通讯. 所以, 还是使用传统的OE server 模块来干这事. OE 提供 ir.actions.client (客户端事件) 来让服务端与 客户端进行事件交互. 所以, 只需要在 view xml 中. 添加个 button 并调用服务端事件, 然后 服务端返回一个 ir.actions.cli

js中子页面父页面方法 变量相互调用

(1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如:想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById(&qu

在网页动态添加html代码时,使用jQuery调用隐藏的事件.

$(function() { var val; $("#add").live("click",function() { //使用.live("事件名称",方法) 调用隐藏的事件 val=$(this).prev().val(); }); });