js调用后台代码

最新推荐文章于 2019-03-22 23:04:46 发布
最新推荐文章于 2019-03-22 23:04:46 发布
阅读量3.9k 收藏 10
点赞数
分类专栏： JavaScript 文章标签： button javascript server textbox asp.net c#

 

方法1的示例：

1 前台放一个按钮。设置为隐藏。注意：不能直接设置Visible=false的方式，这样的话在ASP.Net 2.0编译后的代码里是找不到这个按钮的。需要设置风格：style="display:none;"
2 双击按钮，写入C#方法，或者写一个调用后台其他方法的代码段
3 前台JS调用的时候，照如下写，这样可以模拟按钮的点击事件，触发后台方法：
document.getElementById("Button2").click();

示例
ASP.Net页：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>

    <script>
    function go()
    {
         document.getElementById("Button2").click();
     }
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="go();return false;" />
            <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" Style="display: none;" />
        </div>
    </form>
</body>
</html>

后台C#：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

       
     }

    protected void Button2_Click(object sender, EventArgs e)
    {
        this.SayHello();
     }

    private void SayHello()
    {
        this.TextBox1.Text = "你好,何奎！";
     }
}

 

-----------------------------------------------------------------------------------自己写的。

 

ajax也可以实现：

首先在cs文件的方法中加入

    [System.Web.Services.WebMethod]
   类型（public） static 返回类型 方法名() //注意必须是静态的方法
    {你的代码文件}

在js中这样引用PageMethods.方法名（）;

JS调用C#后台方法
08-20
js调用后台方法 js JS调用后台 JS后台方法 用到了[WebService]特性
js 调用后台代码（比较实用，好记）
热门推荐
zanychou的专栏
02-02 8万+
javascript函数中执行C#代码中的函数： 方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中; 2、在前台写一个js函数，内容为document.getElementById("btn1").click(); 3、在前台或后台调用js函数，激发click事件，等于访问后台c#函数；
用JS代码调用后台CS代码
陌北的脚印
10-30 2324
前台JS代码：    if (event.keyCode == 13)  {   document.getElementById("txtScan").onchange();  }      function btnDoPostBack_OnClick()  {   __doPostBack("Save", "111");     }  后台调用代码  private void Page_Load
JavaScript函数中执行C#代码中的函数
crystal的专栏
06-24 857
<br />javaScript函数中执行C#代码中的函数：<br />方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中;<br />2、在前台写一个js函数，内容为document.getElementById("btn1").click();<br />3、在前台或后台调用js函数，激发click事件，等于访问后台c#函数；<br /><br />方法二：1、函数声明为public  <br />后台代码(把public改成protected也可以)<br />pub
asp.net下利用JS实现对后台CS代码的调用方法
10-30
ASP.NET 中使用 JavaScript 调用后台 CS 代码的方法 在 ASP.NET 中，经常需要使用 JavaScript 调用后台 CS 代码，以实现某些特定的功能。例如，在 GridView 中，某些行没有处理过的，用户点击该行后，即表示用户...
js调用后台、后台调用前台等方法总结
10-26
首先，我们来看如何使用JavaScript调用后台代码，即JavaScript如何调用服务器端的C#函数。有几种方法可以实现这一目的： 1. 通过按钮点击事件触发后台代码： 在HTML中创建一个按钮，并通过JavaScript在用户点击时...
ASP.NET 前台javascript与后台代码调用
10-29
在***页面上设置一个runat="server"的隐藏域，然后在后台代码中为其赋值，这样JavaScript就可以访问这个隐藏域的值。 - 方法二：通过页面注册脚本。将后台变量值以JavaScript变量的形式注册到页面中，然后在...
AjaxPro ajax无刷新 js调用后台代码 asp.net 实例
12-15
而AjaxPro则更高效，它直接通过JavaScript调用后台的.NET方法，仅更新必要的页面元素。 实例步骤如下： 1. **安装AjaxPro**：首先，你需要在项目中引用AjaxPro.dll文件，这可以通过NuGet包管理器或者手动添加引用...
C#代码与javaScript函数的相互调用
12-14 310
 我们通过问答的方式来为大家解答C#与JAVASCRIPT函数的相互调用： 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1答案如下： javaScript函数中执行C#代码中的函数： 方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入b...
JS调用后台带参数的方法
04-19
JS调用后台带参数的方法
多种方式实现JS调用后台方法进行数据交互
12-11
项目开发过程中很多地方都需要前端和后台的数据交互，几种典型常用的方法如利用控件的AutopostBack属性、Button提交表单等等。但这些都是有条件的，AutoPostBack具有实时性但会刷新页面，Button提交表单不能实现数据交互的实时性。当然说到前台与后台的数据交互更不能漏掉ajax,ajax实现前台与后台数据的异步交互，并且保证实时的、局部刷新。但有些数据不需要异步交互，例如当交互的数据是下一步执行的条件时，就必须要等到数据前台与后台数据交互完成后才能继续执行程序。所以对于掌握js与后台数据交互的方法还是很有必要的。 方法一 后台方法： 代码如下: <SPAN style=”C
前台JS(Jquery)调用后台方法
10-15
JS（JQUERY）AJAX前台调用后台的方法示例,无刷新级联菜单
网页调用代码/JS代码
05-30
网页，网站顶部，代码可以填入调用，也可上传网站JS调用！
js调用后台方法
lick4050312的专栏
12-05 791
    前几天在做东西时，突然遇到向dwr的回调函数中传递参数的问题，以前我都是直接用回调函数，没有向回调函数中传过参数，最后在网上找了一些资料，成功实现了向回调函数中传参数。        以前用回调函数的方法是:       <script type=text/javascript src=../dwr/engine.js>      <script t
前台通过JS请求后台的几种方法
u012682006的博客
02-23 3万+
前台js请求后台的几种方法的汇总
534day(ajax-rev.html)
orangecloudy的博客
03-22 180
《2019年3月22日》【连续 534天】 标题：ajax-rev.html； 内容： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AJAX基础回顾</title> </head> <body>...
JS调用后台方法进行数据交互
不忘初心 ，方得始终
08-18 5142
项目开发过程中很多地方都需要前段和后台的数据交互,几种典型常用的方法如利用空间的AutopostBack属性、Buttont提交表单等等。但这些都是有条件的，AutopostBack具有实时性但会刷新页面，Button提交表单不能实现数据交互的实时性。当然说到前台与后台的数据交互更不能漏掉ajax,ajax实现前台与后台数据的异步交互，并且保证实时的、局部刷新。但有些数据不需要异步交互，例如当交互
JS调用后台方法大全
dz45693的专栏
11-13 6624
JS调用后台方法大全
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值