使用 JavaScript 将参数传递给服务器方法

Question

我的代码隐藏页面中有一个带有字符串的公共。 我想从 javascript 调用这个方法。

我想要传递的参数是从 ddl 更改而来的变量。

所以我有这样的东西：

 var value = document.getElementById('ddlContact').value;
        <%=PopulateContactFields("value") %>

这传递了“值”这个词，而不是值中的数据。

我无法找出传递数据值的正确语法。

谢谢

Answer 1

正如其他人提到的，尝试直接从 javascript 访问后面的 C# 代码是不可能的。

但是，您可以间接地与它通信。

我认为最好的办法是结合使用 jQuery 和 [WebMethod] 属性。

使用 jQuery 执行 AJAX 调用的 javascript 函数：

function Search() {
    var search = $('#<%= ddlContact.ClientId %>').val();
    var options = {
        type: "POST",
        url: "Default.aspx/Hello",
        data: "{'name' :'" + search + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            alert(msg);
        }
    };
    $.ajax(options);
}

后面的代码：

public partial class _Default : System.Web.UI.Page
{
    [WebMethod]
    public void Hello(string name)
    {
      return "Hi " + name;
    }
}

Answer 2

您显示的代码在生成 HTML 时在服务器端执行。换句话说，它是在访问浏览器之前执行的，并且您的用户有机会对页面执行任何操作。

无论您在这里使用什么语法，您想要的信息此时都无法访问 - 它还不存在。

这里正确的方法是通过发布页面或使用 AJAX 将此信息发送到服务器，然后在请求/响应周期的末尾进行处理

另一种选择是使用 Javascript 进行处理客户端