C# 如何使用AJAX填充DIV并使其可见
我试图通过AJAX调用用另一个div上的用户操作结果填充一个div,这样只有第二个div被重新加载。目前,第二个div甚至从未可见,更不用说显示一个测试值了。我知道它将进入AJAX的成功阶段,因为我使用了警报。因此,至少可以说是令人费解的 视图:C# 如何使用AJAX填充DIV并使其可见,c#,ajax,model-view-controller,C#,Ajax,Model View Controller,我试图通过AJAX调用用另一个div上的用户操作结果填充一个div,这样只有第二个div被重新加载。目前,第二个div甚至从未可见,更不用说显示一个测试值了。我知道它将进入AJAX的成功阶段,因为我使用了警报。因此,至少可以说是令人费解的 视图: 数据中有什么?在ajax成功函数中执行console.log(data)并查看。它包含对象。使用填充的值。它应该有HTML,对吗?做控制台,看看它到底有什么。。浏览器控制台中是否显示任何错误?后端不太确定,但我觉得你的前端还不错,我就是这么做的。它有一
数据中有什么?在ajax成功函数中执行console.log(data)
并查看。它包含对象。使用填充的值。它应该有HTML,对吗?做控制台,看看它到底有什么。。浏览器控制台中是否显示任何错误?后端不太确定,但我觉得你的前端还不错,我就是这么做的。它有一个带有值的对象。如果它是json对象,那么它将在您的dom中使用。另外,如果这个对象显示,那么使用伪值进行检查怎么样,例如:$(“#Results”).html(“something”)代码>数据中有什么?在ajax成功函数中执行console.log(data)
并查看。它包含对象。使用填充的值。它应该有HTML,对吗?做控制台,看看它到底有什么。。浏览器控制台中是否显示任何错误?后端不太确定,但我觉得你的前端还不错,我就是这么做的。它有一个带有值的对象。如果它是json对象,那么它将在您的dom中使用。另外,如果这个对象显示,那么使用伪值进行检查怎么样,例如:$(“#Results”).html(“something”)代码>
$(".Results").hide();
$(document).ready(function () {
$("#submitButton").click(function (e)
{
e.preventDefault();
$.ajax({
type: "POST",
url: "/ControllerName/Results/",
data: {
ID: $('#ID').val(),
// other values
},
success: function (data) {
$(".Results").show();
$("#Results").html(data);
},
error: function (result) {
alert("Error")
}
});
});
});
@using (Html.BeginForm("Index", "ControllerName", FormMethod.Post, new { id =
"SubmitForm"}))
{
@Html.DropDownListFor(x => x.ID, new SelectList(Model, "ID", "Text"), "Choose")
//other dropdown lists
<input name="submitButton" type="submit" id="submitButton" value="Submit"/>
}
<div class="Results" id="Results">
@Html.DisplayTextFor(x => x.Sum)
</div>
public ActionResult Index()
{
return View(GetModel());
}
[HttpPost]
public ActionResult Results(Model ViewModel, string ID, /*other values*/)
{
ViewModel.ID = ID;
// other value assignments
ViewModel.Sum = "test";
return Json(ViewModel, JsonRequestBehavior.AllowGet);
}