部分视图无法在ajax上调用mvc5
我正在致力于为客户创造视角的观点。
在“创建”视图，我使用文本框从数据库中搜索项目，然后在_part（部分视图）上显示其详细信息...部分视图操作正确地获取字符串和处理请求，除了在创建视图上显示部分视图数据。 ...
创建视图：
<form>
<input type="text" id="enginNo" />
<input type="button" value="search" id="btnSearch" />
</form>
<div id="info" class="col-md-10">
<script type="text/javascript">
$(document).ready(function () {
alert("hola");
$("#btnSearch").click(function () {
alert("hola2");
var enginNo = $('#enginNo').val();
$.ajax(
{
alert:("ajax called"),
type: 'Get',
data: { enginNo: enginNo },
url: '@Url.Action("CheckRecord")',
success: function (result) {
$('#result').html(result);
}
});
});
});
</script>
将字符串“enginNo”返回到以下部分视图操作：
public PartialViewResult CheckRecord(string enginNo)
{
ViewBag.records = db.StockDMs.Where(ve => ve.EngineNumber == enginNo);
if (Request.IsAjaxRequest())
{
return PartialView("_part", ViewBag.records);
}
else
return null;
}
PartialView：
@model SM.CRM.AutosLoan.Models.Core.DomainModels.StockDM
<div>
@{
Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/SMClient.cshtml";
}
@foreach (var item in ViewBag.records)
{
<dd>
@item.AutoCompanyBrand.Name
</dd>
<dd>
@item.SMClientBranch.Name
</dd>
}
我不知道我做错了什么，认为如果有人帮助..感谢您的时间:-)
您的PartialViewResult正在返回html，因此请在您的ajax请求中给出dataType:'HTML' ，如下所示： -
$.ajax({
type: 'Get',
data: { enginNo: enginNo },
url: '@Url.Action("CheckRecord")',
dataType: 'HTML', // add this line
success: function (result) {
$('#result').html(result);
}
});