posts - 157, comments - 186, trackbacks - 16, articles - 1
  博客园 :: 首页 :: 新随笔 ::  :: 订阅 订阅 :: 管理

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

Posted on 2007-04-11 14:21 过江 阅读(633) 评论(3)  编辑 收藏 所属分类: asp.net2003 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">
<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 = "你好,何奎！";
    }
}

Feedback

#1楼    回复  引用  查看    

2007-04-25 21:06 by 天堂的狼      
用JS就是想实现无刷新，这样调用了C#代码，但页面是不是还是全刷新了，除了ajax，有没有更方便的无刷新技术呢？

#2楼    回复  引用    

2007-04-25 21:44 by 过江 [未注册用户]
除了Ajax我也不知道了。呵呵，不好意思！

#3楼 [楼主]   回复  引用  查看    

2007-04-28 22:13 by 过江龙      
我刚知道了还有两中方式就是通过隐藏帧和XMLHTTP的方式可以实现无刷新。

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
 
最新IT新闻:
· 英特尔雅虎开发网络计算机频道
· Windows Live视频邮件9月9日开始测试
· Intel首次公开展示Nehalem架构迅驰3平台
· Pogo浏览器
· 洪磊口述:番茄花园如何捆绑流氓软件月入十万
博客园新闻频道  博客园首页  社区