This is actually super simple with just a little bit of added javascript. The link’s href is used as the ajax content source. Note that for Bootstrap 3.* we set data-remote=”false” to disable the deprecated Bootstrap load function. JavaScript: // Fill modal with content from link href $(“#myModal”).on(“show.bs.modal”, function(e) { var link = $(e.relatedTarget); $(this).find(“.modal-body”).load(link.attr(“href”)); … Read more
Why are Ajax HTTP Requests not allowed to cross domain boundaries. Because AJAX requests are (a) submitted with user credentials, and (b) allow the caller to read the returned data. It is a combination of these factors that can result in a vulnerability. There are proposals to add a form of cross-domain AJAX that omits … Read more
Looking at the issues for this shows that the whole –allow-file-access-from-files thing was rushed. “Firefox does it..” “How can we do it?” some time passes “Here are the patches” “Passes! On trunk wonder what happens in the next dev release” “Ahhh it’s broken” “Use the command line option” “ok” “We shipped!” “WTF guys? You broke … Read more
You can use the built-in javascript setInterval. var ajax_call = function() { //your jQuery ajax code }; var interval = 1000 * 60 * X; // where X is your every X minutes setInterval(ajax_call, interval); or if you are the more terse type … setInterval(function() { //your jQuery ajax code }, 1000 * 60 * … Read more
WebSockets isn’t intended to replace AJAX and is not strictly even a replacement for Comet/long-poll (although there are many cases where this makes sense). The purpose of WebSockets is to provide a low-latency, bi-directional, full-duplex and long-running connection between a browser and server. WebSockets opens up new application domains to browser applications that were not … Read more
When you send an ajax call with either XMLHttpRequest or fetch() and get the response, the browser does not do anything to the current page in the browser based on that response. So, it doesn’t matter whether you send a redirect response to the ajax call or not. The browser won’t change the current page … Read more
This is not easily possible, because the resource.received event handler only provides meta data like url, headers or status, but not the actual data. The underlying phantomjs event handler acts the same way. Stateless AJAX Request If the ajax call is stateless, you may repeat the request casper.on(“resource.received”, function(resource){ // somehow identify this request, here: … Read more
This problem is known and fleshed out in among others the OmniFaces FullAjaxExceptionHandler showcase. By default, when an exception occurs during a JSF ajax request, the enduser would not get any form of feedback if the action was successfully performed or not. In Mojarra, only when the project stage is set to Development, the enduser … Read more
Use a hidden form. Form data is preserved (typically) in browsers when you reload or hit the back button to return to a page. The following goes in your page (probably near the bottom): <form name=”ignore_me”> <input type=”hidden” id=”page_is_dirty” name=”page_is_dirty” value=”0″ /> </form> In your javascript, you will need the following: var dirty_bit = document.getElementById(‘page_is_dirty’); … Read more
The event attribute of <f:ajax> can hold at least all supported DOM events of the HTML element which is been generated by the JSF component in question. An easy way to find them all out is to check all on* attribues of the JSF input component of interest in the JSF tag library documentation and … Read more