Search jQuery

jQuery Forum

Using jQuery

zhshqzyc

The url of $.getJSON

in Using jQuery • 3 years ago

I use asp.net mvc. Now when I login the page, I want to display an icon and a number. For example.

The url is

localhost:23567

The image is similar with

So in the _LoginPartial.cshtml. I have

<ul class="nav navbar-nav navbar-right">
<li class="notifications">
<a href="#">
<i class="glyphicon glyphicon-globe"></i>
<span class="badge js-notifications-count hide"></span>
</a>
</li>

And in the _Layout.cshtml, I put the script

<script>
$(document).ready(function () {
$.getJSON("/Employee/GetNotifications", function (notifications) {
if (notifications.length == 0)
return;
$(".js-notifications-count")
.text(notifications.length)
.removeClass("hide")
.addClass("animated bounceInDown");

Notice I do have a controller "EmployyeeController.cs".

In the controller, I have the method

[AcceptVerbs(HttpVerbs.Get)]
public JsonResult GetNotifications()
{
return Json(2, JsonRequestBehavior.AllowGet);
}

However the number is not showing. The css code

/* Bootstrap Overrides*/
.navbar-inverse .notifications {
position: relative;
}
.navbar-inverse .notifications .badge {
position: absolute;
top: 8px;
right: -1px;
background: #eb1313;
}

Is the url of $.getJSON wrong?

Replies(10)

watusiware

Re: The url of $.getJSON

3 years ago

You should ask somebody who knows asp.net mvc about the correctness of your asp code. You are unlikely to find them here.

Did you check the javascript console in your desktop browser for error messages? Did you use the browser's debug and inspection tools to see if you got a response from your server? And then did you inspect any response from your server, to see if it is valid JSON and contains the data you expect?

zhshqzyc

Re: The url of $.getJSON

3 years ago

I can get the response from the server. I get notifications as 2 in the client side when I hover over it. But I found that notifications.length is undefined.

Is the below code wrong?

$(".js-notifications-count")
.text(notifications.length)
.removeClass("hide")
.addClass("animated bounceInDown");

watusiware

Re: The url of $.getJSON

3 years ago

Copy/paste the "JSON"response that you received from your server to the forum. Get it from your desktop browser's debug and inspection tool. There will be a place where you can see every request and response and show it in a window.

I'd guess it is not valid JSON.

But I don't understand your last response. As I read it, you are telling us that your code works correctly.

" I get notifications as 2 in the client side when I hover over it. "

Were you expecting something else?

watusiware

Re: The url of $.getJSON

3 years ago

How did you "find that notifications.length is undefined"?

It will of course be undefined anywhere outside of your getJSON callback function. It is local to that function, and so cannot be accessed from any other code. As well, once the callback returns, it is not only inaccessible from other code, but does not even exist.

zhshqzyc