您的位置:首页 > Web前端 > JavaScript

ASP.NET中javascript与后台代码如何通信,相互调用?

2013-07-18 15:43 821 查看
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="按钮" >

  方法四:

<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;
  }

=====================================

1.调用方法:CallJavaScript(this,"show","images/pic.gif");
2.后台方法:
public static void CallJavaScript(Page page, string FunName,string str)
{
StringBuilder StrScript = new StringBuilder();
StrScript.Append( "<script language=javascript>" );
StrScript.Append( FunName );
StrScript.Append( "('"+str+"');" );
StrScript.Append( "</script>" );
if (!page.IsStartupScriptRegistered( "Call"+FunName ) )
{
page.RegisterStartupScript( "Call"+FunName, StrScript.ToString() );
}
}
3.客户端方法:
function show(dir)
{ //document.all("imgzp").src="images/logo.jpg";
document.all("imgzp").src=dir
}
4.CallJavaScript(页面form,后台方法,前端所用参数).
IsStartupScriptRegistered:确定 page 对象是否注册了客户端启动脚本.
RegisterStartupScript:允许 ASP.NET 服务器控件在 Page 中发出客户端脚本块
客户端方法:show()为一控件设置图地址

因为imgzp是html控件,又必须从后台得到地址.
主要问题是从后台调用客户端 方法.还有一个的方法比较简单,只是有些投机取巧:
页面加一个button控件btn,将它隐藏.为btn定制客户端代码如show().在后台的使用show()的方法中加入代码:btn.Click();完成.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: