Jquery .load() not working on IE

Question

Hi everyone i am new here and this is my first question.

I have a problem with some JS code in IE 11.

this is the problem:

 <script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#jqueryFuction').load('ping?sessioneWeb=${requestScope.sessioneWeb}').fadeIn("slow");
}, 1000); // refresh every 10000 milliseconds

</script>
<div id="jqueryFuction">

 </div>

this code send a request in my server that control if there is some JS code to push on the client.

in my server (i use Spring MVC) i write that code:

@RequestMapping(value = "/ping")
    @ResponseBody public String ping(HttpServletRequest request, HttpServletResponse response,@ModelAttribute("sessioneWeb")String sessioneWeb,@ModelAttribute("item")ClientWom3Form item)
    {
        UserContainer userContainer = (UserContainer) request.getSession().getAttribute(sessioneWeb);

        if(userContainer != null && Util.isNotNull(userContainer.getFuctionReadyJQ()))
        {
            String valore = "<script type=\"text/javascript\">"+userContainer.getFuctionReadyJQ()+"</script>";
            userContainer.setFuctionReadyJQ("");
            return valore;
        }
        else
            return "";
    }

with this code i can push the JS code in my

this code works fine in Chrome and FF, but in IE doesn't. i can't reach the server and i don't know why.

I see that the browser pass to the load every second but it doesn't reach the server and the console doesn't show any error.

I use jquery-1.10.2.min.js

can anyone helps me please?

thank you to all for attention and help

Answer 1

IE is famous for caching requests like this. I'd suggest you add a unique argument to the URL to bust the caching.

<script type="text/javascript">
var auto_refresh = setInterval(function () {
    var now = new Date().getTime();
    $('#jqueryFuction').load('ping?sessioneWeb=${requestScope.sessioneWeb}&timestamp=' + now).fadeIn("slow");
}, 1000); // refresh every 10000 milliseconds

</script>

Also, the fadeIn() won't work unless #jqueryFuction is set to hidden before you do the .load() .

I'd also argue that you really don't want to be doing an ajax call every second. Some ajax calls will take more than a second to even process and if you have a lot of viewers, this will bring your server to its knees. Think about a much longer time interval or a more efficient way to let your server tell you when there's something new (like websockets).