将html文本框值从jquery模态传递到背后的asp代码

Question

此代码显示一个带有html文本框的Jquery对话框，该对话框在用户单击asp：button btnNewGroup之后显示

<script type="text/javascript" language="javascript">
function pageLoad(sender, args) {
    var $dialog = $('<div><fieldset><label for="name">Name</label><input type="text" name="Name" id="name" class="text ui-widget-content ui-corner-all" /></div>')
        .dialog({
            modal: true,
            autoOpen: false,
            title: 'Enter New Group Name',
            buttons: {
                'New': function () {
                    $(this).dialog('close');
                },
                Cancel: function () {
                    $(this).dialog('close');
                }
            }
        });


        $("#<%=btnNewGroup.ClientID %>").click(function () {
            $dialog.dialog('open');
            return true;
        });
}
</script>

<asp:Button ID="btnNewGroup" runat="server" Height="26px" 
onclick="btnNewGroup_Click" Style="margin-bottom: 0px" Text="New Group" 
ClientIDMode="Static" />

protected void btnNewGroup_Click(object sender, EventArgs e)
    {
        String t = Request.Form["Name"];
    }

当用户在对话框中单击新按钮时，我想从文本框中获取名称，并在asp new button click事件背后的代码中使用它。

Answer 1

我不太确定这是否是您要查找的内容，但是您可以将Name值传递给服务器端Web方法。 通过在New按钮的函数中使用Jquery的Ajax与。

在页面后面代码的服务器端，您可以通过添加一个

using System.Web.Services;

到页面顶部，然后在后面的代码中像这样创建一个Web方法

[WebMethod]
public static void DoSomething(object name)
{
   //do something intersting
}

Ajax调用将取代

 $(this).dialog('close');

当前在“新建按钮”单击事件中具有的内容。

var valFromNameBox = $("#name").val();
var jsonObj = '{name: "' + valFromNameBox + '"}';
var res;
$.ajax({
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    data: jsonObj,
    dataType: 'json',
    url: 'YourPage.aspx/DoSomething',
    success: function (result) {
    },
    error: function (err) {
        alert(err.toString());
    }
});

}

Answer 2

因为已经准备好一个输入控件，并且您发布了一个帖子，通常您可以使用Request.Form来获取值，在这种情况下，此参数可以在后面的代码中获取值。

Request.Form["Name"]

请注意 ，从对话框中删除<form></form> ，因为您破坏了asp.net表单并且可能无法正常工作。

var $dialog = $('<div><fieldset><label for="name">Name</label>
<input type="text" name="Name" id="name" 
   class="text ui-widget-content ui-corner-all" /></fieldset></div>')