不用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页：

不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转<%不用AJAX实现前台JS调用后台C#方法(小技巧)-转@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
不用AJAX实现前台JS调用后台C#方法(小技巧)-转<html xmlns="http://www.w3.org/1999/xhtml">
不用AJAX实现前台JS调用后台C#方法(小技巧)-转<head runat="server">
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    <title>Untitled Page</title>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转    <script>不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    function go()
不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转    不用AJAX实现前台JS调用后台C#方法(小技巧)-转{
不用AJAX实现前台JS调用后台C#方法(小技巧)-转         document.getElementById("Button2").click();
不用AJAX实现前台JS调用后台C#方法(小技巧)-转     }
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    </script>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转</head>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转<body>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    <form id="form1" runat="server">
不用AJAX实现前台JS调用后台C#方法(小技巧)-转        <div>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转            <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="go();return false;" />
不用AJAX实现前台JS调用后台C#方法(小技巧)-转            <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" Style="display: none;" />
不用AJAX实现前台JS调用后台C#方法(小技巧)-转        </div>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    </form>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转</body>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转</html>
不用AJAX实现前台JS调用后台C#方法(小技巧)-转

后台C#：

不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Data;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Configuration;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Web;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Web.Security;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Web.UI;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Web.UI.WebControls;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Web.UI.WebControls.WebParts;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Web.UI.HtmlControls;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转using System.Text;
不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转public partial class _Default : System.Web.UI.Page
不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转{
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    protected void Page_Load(object sender, EventArgs e)
不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转    不用AJAX实现前台JS调用后台C#方法(小技巧)-转{
不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转       
不用AJAX实现前台JS调用后台C#方法(小技巧)-转     }
不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    protected void Button2_Click(object sender, EventArgs e)
不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转    不用AJAX实现前台JS调用后台C#方法(小技巧)-转{
不用AJAX实现前台JS调用后台C#方法(小技巧)-转        this.SayHello();
不用AJAX实现前台JS调用后台C#方法(小技巧)-转     }
不用AJAX实现前台JS调用后台C#方法(小技巧)-转
不用AJAX实现前台JS调用后台C#方法(小技巧)-转    private void SayHello()
不用AJAX实现前台JS调用后台C#方法(小技巧)-转不用AJAX实现前台JS调用后台C#方法(小技巧)-转    不用AJAX实现前台JS调用后台C#方法(小技巧)-转{
不用AJAX实现前台JS调用后台C#方法(小技巧)-转        this.TextBox1.Text = "你好,何奎！";
不用AJAX实现前台JS调用后台C#方法(小技巧)-转     }
不用AJAX实现前台JS调用后台C#方法(小技巧)-转}

转自：http://hi.baidu.com/panshuaiyang/blog/item/d5624606044f5a7d0308812f.html

相关文章：

  • 2021-06-26
  • 2022-01-14
  • 2021-10-25
  • 2022-12-23
  • 2022-12-23
  • 2022-03-10
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-02-15
  • 2022-12-23
  • 2022-02-11
  • 2022-01-11
  • 2021-07-08
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode