不用AJAX实现前台JS调用后台C#方法(小技巧)

纯属小技巧，高手见笑了。

一提到如何在前台JS调用后台C#方法，AJAX成为了必然的想法。
只是实现的细节采用AJAX 1.0或者AjaxPro的区别。
其实如果不用AJAX，我们也能够很方便地利用JS调用后台方法。

步骤如下：
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">

<title>Untitled Page</title>

function go()

{

document.getElementById("Button2").click();

}

</script>

</head>

<body>

<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实现前台JS调用后台C#方法(小技巧)相关推荐

Repeater使用:绑定时结合前台JS及后台共享方法
//前台模板 //如下 //图片结合了js //lbl_DateStartEnd 的值是直接绑定 //div的值是由后绐共享的方法返回的HTML代码 <asp:Repeater ID=&qu ...
ASP.NET前台JS与后台CS函数如何互相调用
在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. <1>后台代码调用前台JS代码一. ...
JS调用后台带参数的方法
JS调用后台带参数的方法对于前台调用后台的方法,我们想到最多的就是用AJAX,这个是毋庸置疑的, 我就不再这里多说了.我今天主要想说的是用JS调用后台的方法. 对于后台往前台传值,用这种<%= ...
js调用后台方法与后台调用js方法
JS调用后台方法大全 javascript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为docu ...
进一步封装axios并调用其读取数据（吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持，在这两种情况下的系统只能使用ajax或者原生js请求后台数据）
注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据报错截图如下报错内容: {&quo ...
js 调用后台代码（比较实用，好记）
JavaScript调用ASP.NET后台代码: 方法一: 1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为docume ...
ajax 调用后台的方法
//前台的代码 <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMetho ...
学习Altas 笔记[js调用重载的方法出错,如何处理]
今天在使用js调用WebService的方法,发生了一个这样的错误"passed to method 'GetNewMessage' should not be a function&q ...
Delphi环境中编写调用DLL的方法和技巧
Delphi环境中编写调用DLL的方法和技巧第一章为什么要使用动态链接库(DLL) top 提起DLL您一定不会陌生,在Windows中有着大量的以DLL为后缀的文件,它们是保证Windows正常 ...

不用AJAX实现前台JS调用后台C#方法(小技巧)

不用AJAX实现前台JS调用后台C#方法(小技巧)相关推荐

最新文章

热门文章