我正在ASP.NET MVC中开发一个应用程序。我正在处理一个页面,该页面接受一些用户输入的值,然后使用存储过程从中获取数据集。我的偏好是数据输入到显示的同一页面上,所以我使用AJAX和部分视图来完成此任务。我的代码与一组简单数据(简单字符串)完美配合,但现在我使用的是更高级的数据集(Ienumerable),它不再显示局部视图。
以下是我的观点的一部分(输入数据的文本框被隐藏用于长度目的):
<!--SEARCH RESULTS PARTIAL FILLED BELOW-->
<div id="search-results">
</div>
<!---->
<script>
function getSearchResults() {
var SqlViewModel = {
//assign textboxes to values to pass to controller (hidden)
}
$.ajax({
type: "POST",
data: JSON.stringify(SqlViewModel),
dataType: "json",
contentType: "application/json",
url: "/Sql/Search/",
success: function(result) {
$('#search-results').html(result);
}
}); }
</script>
我从文本框中获取数据,然后使用我的ajax将这些值传递给我的“搜索”控制器方法。 (使用SqlVieWModel正确传递值)
控制器方法:
[HttpPost]
public ActionResult Search(SqlViewModel sT)
{
//code for stored procedure
var sql = //get stored procedure and parameters
SqlPartialViewModel obj = new SqlPartialViewModel();
obj.SqlData = sql; //obj.SqlData is of type IEnumerable<Get_Result>
return PartialView("_SearchResultsPartial", obj);
SqlPartialViewModel定义:
public class SqlPartialViewModel
{
public IEnumerable<Get_Result> SqlData { get; set; }
}
最后,我尝试简单地将这些数据显示在我的部分视图中(_SearchResultssPartial.cshtml):
@model SqlPartialViewModel
<table>
<tr>
<th>//Display stuff</th>
</tr>
@foreach(var result in Model.SqlData)
{
<tr>
<td>//Display stuff</td>
</tr>
}
什么都没有显示,我没有收到任何错误。
答案 0 :(得分:4)
在您的Ajax通话中,您希望服务器获得json
结果:
$.ajax({
type: "POST",
data: JSON.stringify(SqlViewModel),
dataType: "json", <---- HERE
contentType: "application/json",
url: "/Sql/Search/",
success: function(result) {
$('#search-results').html(result);
}
});
但是当您从PartialView
返回ActionResult
时,您将返回html
类型,而不是json
类型。
只需将dataType
更改为"html"
或删除该行(因此javascript会尝试自行解释)。