JavaScript与后台代码交互

Calling & Writing JavaScript Function from Server Side Code Behind

   1:  private void Page_Load(object sender, System.EventArgs e)
   2:  {
   3:      string jScriptValidator;
   4:      jScriptValidator="<script> function ReqFieldValidator()" +
   5:                  " { if (document.forms[0].txtField.value == '') \n";
   6:      jScriptValidator+="{ alert('TextBox cannot be empty') \n ";
   7:      jScriptValidator+="return false; \n";
   8:      jScriptValidator+="} \n";
   9:      jScriptValidator+=" return true \n";
  10:      jScriptValidator+=" } </script>";
  11:      Page.RegisterStartupScript("regJSval",jScriptValidator);
  12:      btnSubmit.Attributes.Add("onclick","return ReqFieldValidator()");
  13:  }

Writing JavaScript Function in Server Side Code Behind and Calling from HTML

   1:  private void Page_Load(object sender, System.EventArgs e)
   2:  {
   3:      string jScript;
   4:      jScript="<script>function JavScriptFn(){alert" +
   5:        " ('Client Function in javascript is call')}</script>";
   6:  }

    1:  //HTML side
   2:  < A onclick="JavScriptFn()" >
   3:  < asp:Label id="Label1" runat="server" Width="281px"
   4:     ForeColor="#8080FF">Click to call Javascript function.
   5:  </asp:Label> >/A >

Writing JavaScript in HTML and Calling it from Code-behind

   1:   <Head >
   2:          <script>
   3:  
   4:          function ReqField1Validator()
   5:          {
   6:           if (document.forms[0].txtField1.value == '')
   7:              {
   8:                  alert('TextBox cannot be empty')
   9:                  return false
  10:              }
  11:                  return true
  12:          }
  13:  
  14:          </script>
  15:  </Head >
   1:  private void Page_Load(object sender, System.EventArgs e)
   2:  {
   3:      btnOK.Attributes.Add("onclick","return ReqField1Validator()");
   4:  }

RegisterClientScriptBlock

   1:  private void btnClientBlock_Click(object sender, System.EventArgs e)
   2:  {
   3:      string jScript;
   4:      jScript="<script>alert ('Javascript block of code executed')</script>";
   5:      Page.RegisterClientScriptBlock("keyClientBlock",jScript);
   6:      lblSequencial.Text="Remaining part of the code executed";
   7:  }

ASP.NET 2.0 RegisterClientScriptBlock/RegisterStartupScript

   1:  <script>
   2:      function fnShowMessage()
   3:      {
   4:          alert(" Invoke Javascript function from Server Side Code Behind ");
   5:      }
   6:  </script>

   1:  protected void Button1_Click(object sender, EventArgs e)
   2:  {
   3:          ClientScript.RegisterStartupScript
   4:          (GetType(),"Javascript", "javascript: fnShowMessage(); ",true);
   5:  }
   6:      protected void Button2_Click(object sender, EventArgs e)
   7:  {
   8:          ClientScript.RegisterClientScriptBlock(GetType(), "Javascript",
   9:          "<script>alert('Record Added Successfully')</script>");
  10:  }

转载自:http://www.codeproject.com/KB/aspnet/ClientServer.aspx

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>