I am facing issue while displaying the result from a ajax call.
Contrller json method which returns data from database.
控件进入我的ajax调用的成功块,但数据为空。如果我调试控制器GetNotifications方法它返回数据。有人可以帮助我吗
public JsonResult GetNotifications()
{
IList<Notification> notificationsBody = db.Notifications.ToList();
return Json(new { notificationsBody = notificationsBody }, JsonRequestBehavior.AllowGet);
}`View used to display and call ajax is
@model IEnumerable<NotificationApp.Model.Notification>
<h2>
Notification</h2>
@using (Html.BeginForm())
{
<ul id="nav">
<li id="notification_li"><span id="notification_count"></span><a href="#" id="notificationLink">
Notifications</a>
<div id="notificationContainer">
<div id="notificationTitle">
Notifications</div>
<div id="notificationsBody" class="notifications">
</div>
<div id="notificationFooter">
<a href="#">See All</a></div>
</div>
</li>
</ul>
}
@section Scripts {
<script src="~/Scripts/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.signalR-1.1.4.js" type="text/javascript"></script>
<script src="~/signalr/hubs"></script>
<script type="text/javascript">
$(function () {
var proxy = $.connection.notificationHub;
proxy.client.receiveNotification = function (message, UnreadCount) {
$("#notification_count").html(UnreadCount);
$("#notification_count").show();
$("#container").slideDown(2000);
setTimeout('$("#container").slideUp(2000);', 5000);
};
$.connection.hub.start();
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#notificationLink").click(function () {
$("#notificationContainer").fadeToggle(300);
$("#notification_count").fadeOut("slow");
var tbl = $('#notificationsBody');
$.ajax({
url: '/Notification/GetNotifications',
contentType: 'application/json ; charset:utf-8',
type: 'POST',
dataType: 'json'
}).success(function (result) {
alert(1);
alert(result[0].NotificationID);
tbl.empty().append(result);
}).error(function () {
alert(13);
});
//success: function (data) {
//if (data) {
//var len = data.length;
//var txt = "";
//if (len > 0) {
//for (var i = 0; i < len; i++) {
//if (data[i].Name && data[i].Address) {
//txt += "<tr><td>" + data[i].Name + "</td><td>" + data[i].Address + "</td></tr>"
// + "<td>" + data[i].PhoneNo + "</td>" + "<td>" + data[i].Country + "</td></tr>";
//}
//}
//if (txt != "") {
//$("#EmployeesTable").append(txt);
//alert(txt);
//}
//}
//}
//},
});
return false;
//Document Click hiding the popup
$(document).click(function () {
$("#notificationContainer").hide();
});
//Popup on click
$("#notificationContainer").click(function () {
return false;
});
});
</script>
}
`
这里我得到了成功区内的警报。但行 警报(结果[0] .NotificationID); 没有显示任何警报。
答案 0 :(得分:0)
由于我没有足够的声誉,我不能把它写成评论:
我认为,你的问题没有答案,因为它有点不清楚,你要求的是什么......
答案 1 :(得分:0)
首先不要使用警告对话框会烦恼使用 console.log(result)或console.log(JSON.stringify(result))并按下chrome中的f12来查看控制台。如果没有任何回报可能是控制器中的问题。 验证
return Json(notificationsBody , JsonRequestBehavior.AllowGet);
您只需发送无需执行的对象 notificationsBody = notificationsBody
获取列表后,使用 $。每个方法迭代数据。
我不知道为什么人们在不向服务器发送数据时在ajax中使用它
contentType: 'application/json ; charset:utf-8',
只需使用您需要的参数。