0

我不熟悉将 JavaScript 集成到网站中，但我会在我的网站中经常需要它。

这是一个例子：假设我有这个功能：

showAlert()

说我有：

<div id="some_div">

</div>

有人可以为我提供一些可以做到这一点的示例：如果我有一个按钮并且用户单击它，这应该在后端引发一个事件并在我的 C# 文件中调用一些方法。然后我的 C# 文件应该能够调用前端的一些其他 javascript 方法，该方法将调用 showAlert() 并在 div 中显示警报。

这是我似乎无法找到任何信息的内容。

将信息传入和传出服务器的基本思想。对此的任何帮助将不胜感激。

谢谢

4

1 回答 1

3

最好的办法是使用 jquery 之类的框架，然后绑定到按钮，调用服务并处理响应。下面是一个简单的例子。

$(document).ready(function()
    $('#Button1').bind('click', function () { 
        // This grabs the page you are in so that you can call it correctly
        var pagePath = window.location.pathname;  
        var testId = $("#some_div").val();
        var url = pagePath + "/TestService";          
        $.post(url, { id: testId },
            function (data) {
                showAlert(data);
            }
        });
    };
});

首先，您需要确保文档在某个时候准备就绪。Bind 允许在文档加载时绑定按钮。然后，通过单击它，您执行获取 testId、调用您的服务并在成功回调中处理数据响应的匿名函数。

希望这能让你朝着正确的方向开始！

编辑：添加后端网络表单“服务”曝光

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

    }

    [WebMethod]
    public static string TestService(string id) 
    {
        var string = DBCollection.FirstOrDefault(x => x.id == id); // Or whatever you want to return the data
        return "You called me on " + DateTime.Now.ToString() + "with " + string;
    }
}

这将允许您调用页面上公开的“WebMethod”。有关此方面的更多帮助，请参阅以下链接。

http://www.tugberkugurlu.com/archive/asp-net-web-forms---calling-web-service-page-methods-using-jquery

编辑：在网络表单中执行此类方法时的其他注意事项。 在 asp.net webforms 中使用 jquery 调用 webmethod

于 2013-01-31T14:44:58.703 回答