javascript - 客户端数据到服务器端

Question

我正在尝试使用 JavaScript 弹出框(提示)在我的网站上获取一些用户输入，然后根据用户的操作在服务器端执行更多操作。

由于缺少文字，弹出框会弹出。

以下是我尝试为此使用的代码:

<div>
    <asp:HiddenField ID="hidden" runat="server" />
</div>
<script>
    function userInput() {
        var reason = prompt("Enter reason for deleting:", "");
        //User pressed okay but didn't type anything
        while (reason == "") {
            //Keeps cycling until reason given or cancel is hit
            reason = prompt("Enter reason for deleting:", "");
        }
        if (reason != "" && reason != "Code:CancelDelete") {
            //User typed something and hit okay
            document.getElementById('hidden').innerHTML = reason.toString();
            $('#deleteReason').val(reason.toString());
            $("#hidden").val(reason.toString());
        }
        else {
            //User hits cancel
            document.getElementById('hidden').nodeValue = "Code:CancelDelete";
        }
    }
</script>

脚本中的 while 循环可以满足我的需要。据我所知，问题是试图设置 HiddenField 的值。我尝试过以下方法:

• 内部HTML
• 内部文本
• 节点值

在研究这个问题时，我看到 .value 使用了很多，并且自己也尝试过，但是当我输入 document.getElementById('hidden').value = 时，没有弹出窗口.value 的选项或描述。

我已经测试了服务器端代码，所以我知道它是有效的。这一切都归结为获取用户输入。不管怎样，这里是 C# 代码的摘录:

string deleteReason = hidden.Value;
//string deleteReason = test.InnerHtml.ToString();
if (deleteReason.Equals("Code:CancelDelete"))
{

}
else if (!deleteReason.Equals("Code:CancelDelete") && !deleteReason.Equals(""))
{

或多或少对此感到茫然。

更新 1:以下是在客户端浏览器(Firefox)上为隐藏字段生成的 html 代码:

<input name="ctl00$IndividualPageContent$hidden" 
id="IndividualPageContent_hidden" type="hidden">

Answer 1

当您在 Webform 上键入元素 ID 时，asp.net 会根据某些内容(您的表单、转发器等...)为其提供唯一的 ID

如果您想通过此 ID 使用 jQuery，则可以使用 ClientId 属性。

类似这样的事情:

if (reason != "" && reason != "Code:CancelDelete") {
            //If your server id= "hidden"
            ele = $("#<%= hidden.ClientID %>");
            ele.html() = reason.toString();
            ...
        }

另一个选项是将静态 ID 添加到您的服务器元素，然后您的代码将按原样运行。 (html 将以 ID = 隐藏的方式呈现)

ClientIDMode="静态"

<div>
    <asp:HiddenField ID="hidden" runat="server" ClientIDMode="static"/>
</div>