Jquery ui 使用ajax调用提交jquery对话框
我正在尝试使用jQueryUI对话框进行搜索,并使结果也显示在对话框中,而不在实际页面上进行任何重定向。我认为这样做的一个简单方法就是创建我的ui,在内容周围有一个Jquery ui 使用ajax调用提交jquery对话框,jquery-ui,jquery,asp.net-mvc-4,razor,Jquery Ui,Jquery,Asp.net Mvc 4,Razor,我正在尝试使用jQueryUI对话框进行搜索,并使结果也显示在对话框中,而不在实际页面上进行任何重定向。我认为这样做的一个简单方法就是创建我的ui,在内容周围有一个,然后用一个使用ajax调用的视图替换div 我已经掌握了这项工作的基本知识,但是。。。我不知道如何将输入字段参数传递给传入的视图/控制器!它目前没有以任何形式使用submit(),因为这会导致不可避免的页面重定向afaik “我的对话框”包含标准文本字段,例如: @Html.HiddenFor(model => model.I
,然后用一个使用ajax调用的视图替换div
我已经掌握了这项工作的基本知识,但是。。。我不知道如何将输入字段参数传递给传入的视图/控制器!它目前没有以任何形式使用submit(),因为这会导致不可避免的页面重定向afaik
“我的对话框”包含标准文本字段,例如:
PS:ASP.NET C#MVC4 Razor您的搜索结果操作是什么样子的?如何触发InsertDialogDiv函数?SearchContents div是否包含客户名称、EIN和州税务ID的字段?谢谢您的回复,已经全部解决了。数据:$(dialogSubmitted).serialize()是我意识到需要的行,它获取输入字段并通过ajax发送它们,而无需提交调用。
@Html.HiddenFor(model => model.Id)
<label>Customer Name</label>
@Html.TextBoxFor(m => m.Name, new { @class = "text ui-widget-content ui-corner-all" })
<label>EIN</label>
@Html.TextBoxFor(m => m.Ein, new { @class = "text ui-widget-content ui-corner-all" })
<label>State Tax ID Number</label>
@Html.TextBoxFor(m => m.StateTaxId, new { @class = "text ui-widget-content ui-corner-all" })
其中ajaxUrl='Customer/SearchResults'作为视图的路径
以这种方式替换div确实会触发客户的控制器点击SearchResults函数,但由于我没有提交,模型中的所有值都为null。我如何获得宝贵的信息
泰和瑞特去见你了
PS:ASP.NET C#MVC4 Razor您的搜索结果操作是什么样子的?如何触发InsertDialogDiv函数?SearchContents div是否包含客户名称、EIN和州税务ID的字段?谢谢您的回复,已经全部解决了。数据:$(dialogSubmitted).serialize()是我意识到需要的行,它获取输入字段并通过ajax发送它们,而无需提交调用。
<div id="dialog-searchResults" title="Search Results" class="hide">
@using (Html.BeginForm("searchResults", "Customers", FormMethod.Post, new { @id = "searchResultForm" }))
{
<div id="SearchContents">a</div>
}
</div>
function InsertDialogDiv(ajaxUrl, divTable) {
var jsonData = {
"id": 0
};
$.ajax({
type: 'POST',
url: BASE_URL + ajaxUrl,
data: JSON.stringify(jsonData),
success: function (data) {
$(divTable).replaceWith(data);
},
error: function (xhr, ajaxOptions, thrownError) {
$(divTable).replaceWith(xhr.responseText);
}
});
}