从后端(AJAX)在页面中运行JavaScript

本文关键字：运行 JavaScript 后端 AJAX | 更新日期: 2023-09-27 17:56:46

我是将 JavaScript 集成到网站中的新手，但我的网站经常需要它。

下面是一个示例：假设我有以下功能：

showAlert()

假设我有：

<div id="some_div">
</div>

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

这是我似乎找不到任何信息的地方。

在服务器之间传递信息的基本思想。任何这方面的帮助将不胜感激。

谢谢

从后端(AJAX)在页面中运行JavaScript

最好的办法是使用像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);
            }
        });
    };
});

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

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

编辑：添加了后端Web表单"服务"公开

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

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

相关文章：