如何将字符串从javascript传递到服务器？然后从asp.net webforms中的服务器获取返回值_Javascript_C#_Asp.net_Webforms

如何将字符串从javascript传递到服务器？然后从asp.net webforms中的服务器获取返回值

javascript c# asp.net

如何将字符串从javascript传递到服务器？然后从asp.net webforms中的服务器获取返回值,javascript,c#,asp.net,webforms,Javascript,C#,Asp.net,Webforms,我有这个模型。在表单标签中 <div id="Incoming_Call" class="modal fade" role="document"> <asp:Label runat="server" id="Caller_id" Text="Incoming Call"</asp:Label> </div> 所以，我想向服务器端发送一个javascript变量，然后服务器必须进行一些处理并返回值。javascript变量在页面加载时未就绪。因此

我有这个模型。在表单标签中

<div id="Incoming_Call" class="modal fade" role="document">
    <asp:Label runat="server" id="Caller_id" Text="Incoming Call"</asp:Label>
</div>

所以，我想向服务器端发送一个javascript变量，然后服务器必须进行一些处理并返回值。javascript变量在页面加载时未就绪。因此，我无法将其传递到

这些标记中，并获取更新的值。它只将“临时值”作为字符串传递，而不是新值。

您可以对服务器进行ajax调用并使用返回的值。您可以在每次显示模式时进行ajax调用或只要准备好从服务器获取结果，就可以进行ajax调用，这样就可以进行ajax调用，并将结果存储在页面上的隐藏变量或其他已定义的变量中，并在modal中使用该变量

对服务器进行ajax调用的jQuery代码要进行ajax调用，您需要在页面中添加对jQuery的引用

$.ajax({
        url: "/controller_name/method_name",
        type: "POST",
        data: { var1:var1},
        success: function (response) {
           //use response here

        },
        error: function () {
            alert("Some unexpected error occured. Please try again.");
        }
    });

这是您实现所需的方式，让我们知道您在编码方面也需要帮助。

对服务器进行ajax调用的jQuery代码要进行ajax调用，您需要在页面中添加对jQuery的引用

$.ajax({
        url: "/controller_name/method_name",
        type: "POST",
        data: { var1:var1},
        success: function (response) {
           //use response here

        },
        error: function () {
            alert("Some unexpected error occured. Please try again.");
        }
    });

这是您实现所需的方式，让我们知道您在编码方面也需要帮助。

从javascript调用服务器端方法非常简单。您可以使用jQuery

$来实现这一点。ajax

函数和

[WebMethod]

代码隐藏：

protected void Page_Load(object sender, EventArgs e)
{
}

[System.Web.Services.WebMethod]
public static string generateString(string id)
{
    System.Diagnostics.Debugger.Break();
    return String.Format("Response from server for - {0}.Call time - {1}",id,DateTime.Now.ToString("HH:mm:ss"));
}

<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var id = "temporary value";

            $("#btnMakeAjaxCall").click(function () {
                MakeAjaxCall();
            });

            function MakeAjaxCall() {
                $.ajax({
                    type: "POST",
                    url: "AjaxCallExample.aspx/generateString",
                    contentType: "application/json;charset=utf-8",
                    data: '{id:"' + id + '"}',
                    dataType: "json",
                    success: function (data) {
                        var caller = '<%: Caller_id.ClientID %>';
                        $("#" + caller).text(data.d)
                    },
                    error: function (errordata) {
                        console.log(errordata);
                    }
                });
            }
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input type="button" id="btnMakeAjaxCall" value="Make AJAX call" />
        <asp:Label ID="Caller_id" runat="server" Text="Incoming Call"></asp:Label>
    </form>
</body>

.ASPX:

protected void Page_Load(object sender, EventArgs e)
{
}

[System.Web.Services.WebMethod]
public static string generateString(string id)
{
    System.Diagnostics.Debugger.Break();
    return String.Format("Response from server for - {0}.Call time - {1}",id,DateTime.Now.ToString("HH:mm:ss"));
}

<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var id = "temporary value";

            $("#btnMakeAjaxCall").click(function () {
                MakeAjaxCall();
            });

            function MakeAjaxCall() {
                $.ajax({
                    type: "POST",
                    url: "AjaxCallExample.aspx/generateString",
                    contentType: "application/json;charset=utf-8",
                    data: '{id:"' + id + '"}',
                    dataType: "json",
                    success: function (data) {
                        var caller = '<%: Caller_id.ClientID %>';
                        $("#" + caller).text(data.d)
                    },
                    error: function (errordata) {
                        console.log(errordata);
                    }
                });
            }
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input type="button" id="btnMakeAjaxCall" value="Make AJAX call" />
        <asp:Label ID="Caller_id" runat="server" Text="Incoming Call"></asp:Label>
    </form>
</body>


$（函数（）{
var id=“临时值”；
$（“#btnMakeAjaxCall”）。单击（函数（）{
MakeAjaxCall（）；
});
函数MakeAjaxCall（）{
$.ajax({
类型：“POST”，
url:“AjaxCallExample.aspx/generateString”，
contentType:“应用程序/json；字符集=utf-8”，
数据：'{id:'+id+'''}'，
数据类型：“json”，
成功：功能（数据）{
var调用者=“”；
$（“#”+调用者）.text（data.d）
},
错误：函数（errordata）{
console.log（errordata）；
}
});
}
});

从javascript调用服务器端方法非常简单。您可以使用jQuery

$.ajax

函数和

[WebMethod]

代码隐藏：

protected void Page_Load(object sender, EventArgs e)
{
}

[System.Web.Services.WebMethod]
public static string generateString(string id)
{
    System.Diagnostics.Debugger.Break();
    return String.Format("Response from server for - {0}.Call time - {1}",id,DateTime.Now.ToString("HH:mm:ss"));
}

<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var id = "temporary value";

            $("#btnMakeAjaxCall").click(function () {
                MakeAjaxCall();
            });

            function MakeAjaxCall() {
                $.ajax({
                    type: "POST",
                    url: "AjaxCallExample.aspx/generateString",
                    contentType: "application/json;charset=utf-8",
                    data: '{id:"' + id + '"}',
                    dataType: "json",
                    success: function (data) {
                        var caller = '<%: Caller_id.ClientID %>';
                        $("#" + caller).text(data.d)
                    },
                    error: function (errordata) {
                        console.log(errordata);
                    }
                });
            }
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input type="button" id="btnMakeAjaxCall" value="Make AJAX call" />
        <asp:Label ID="Caller_id" runat="server" Text="Incoming Call"></asp:Label>
    </form>
</body>

.ASPX:

protected void Page_Load(object sender, EventArgs e)
{
}

[System.Web.Services.WebMethod]
public static string generateString(string id)
{
    System.Diagnostics.Debugger.Break();
    return String.Format("Response from server for - {0}.Call time - {1}",id,DateTime.Now.ToString("HH:mm:ss"));
}

<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var id = "temporary value";

            $("#btnMakeAjaxCall").click(function () {
                MakeAjaxCall();
            });

            function MakeAjaxCall() {
                $.ajax({
                    type: "POST",
                    url: "AjaxCallExample.aspx/generateString",
                    contentType: "application/json;charset=utf-8",
                    data: '{id:"' + id + '"}',
                    dataType: "json",
                    success: function (data) {
                        var caller = '<%: Caller_id.ClientID %>';
                        $("#" + caller).text(data.d)
                    },
                    error: function (errordata) {
                        console.log(errordata);
                    }
                });
            }
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input type="button" id="btnMakeAjaxCall" value="Make AJAX call" />
        <asp:Label ID="Caller_id" runat="server" Text="Incoming Call"></asp:Label>
    </form>
</body>


$（函数（）{
var id=“临时值”；
$（“#btnMakeAjaxCall”）。单击（函数（）{
MakeAjaxCall（）；
});
函数MakeAjaxCall（）{
$.ajax({
类型：“POST”，
url:“AjaxCallExample.aspx/generateString”，
contentType:“应用程序/json；字符集=utf-8”，
数据：'{id:'+id+'''}'，
数据类型：“json”，
成功：功能（数据）{
var调用者=“”；
$（“#”+调用者）.text（data.d）
},
错误：函数（errordata）{
console.log（errordata）；
}
});
}
});

我认为唯一的方法是使用post值或其他内容重新加载页面，或者Ajax可以帮助您只重新加载站点的1个部分。我也想这样做，但在新值到达后重新加载页面。你需要使用有很多方法，可能是最简单的开始。我认为唯一的方法是使用post值或其他内容重新加载页面，或者Ajax可以帮助只重新加载站点的一个部分。我也想这样做，但在新值到达后重新加载页面。您需要使用有很多方法，可能是最简单的开始方法。我需要帮助。如果你能给我一个例子，我正在使用webforms。这里的控制器是什么。母版页上有代码。病人，主人。该如何调用该函数？on（显示函数（）{//here？}）如何返回值？我需要帮助。如果你能给我一个例子，我正在使用webforms。这里的控制器是什么。母版页上有代码。病人，主人。该如何调用该函数？on（显示函数（）{//here？}）如何返回值？它成功了。不过我也不得不使用网络服务。我还有一个问题。你是如何得到数据的？什么是d？你在哪里定义的$（“#”+caller.text（data.d）

data.d

来自微软的web方法实现。要求通过属性访问数据是一种安全功能。他们必须选择一些东西，他们选择

thnkx作为它工作的infothnkx。不过我也不得不使用网络服务。我还有一个问题。你是如何得到数据的？什么是d？你在哪里定义的$（“#”+caller.text（data.d）

data.d

来自微软的web方法实现。要求通过属性访问数据是一种安全功能。他们必须选择一些东西，他们选择

thnkx作为信息