Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 使用ajax调用提交jquery对话框_Jquery Ui_Jquery_Asp.net Mvc 4_Razor - Fatal编程技术网

Jquery ui 使用ajax调用提交jquery对话框

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

我正在尝试使用jQueryUI对话框进行搜索,并使结果也显示在对话框中,而不在实际页面上进行任何重定向。我认为这样做的一个简单方法就是创建我的ui,在内容周围有一个
,然后用一个使用ajax调用的视图替换div

我已经掌握了这项工作的基本知识,但是。。。我不知道如何将输入字段参数传递给传入的视图/控制器!它目前没有以任何形式使用submit(),因为这会导致不可避免的页面重定向afaik

“我的对话框”包含标准文本字段,例如:

@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);
        }
    });
}