I noticed that all simple jQuery ajax calls are unable to cached by Firefox (no problem with other major browsers).
See the following test code:
$(document).ready(function(){
$("#load").click(function(){$("#test").load("/test.txt");});
[code]....
<form>
<input type="text" value="" class="number" name="albertaStudentNumber" id="studentNumber">
</form>
[code]....
I have two .js files that are used on several of my pages. I made some
changes in one of the files. When I call the pages, the old functions
are called because of the browser's cache. What is the best way to
update the browser's cache with the newer version of my .js file?
on a clients site, i am gettign one file that seems to be cached by aol, and i can not seem to get aol to get the new file. he dials into aol strait, and there is no company sever to worry about. so the client sees the old file and gets on my case. just wondering, is there a way to maybe put something in the file header, to make aol get the new file? it has been about 4 days. all the other files that were changed worked out okay just one is not working. i have checked the browser and tried to clear the cache in ie, and still no luck. the client dials in, so there is no company server to worry about...
View 2 Replies View RelatedLets say you have a 1000 line javascript file which is linked to an everyday html file. The browser is set, by default, cache the linked javascript file (after downloading and interpreting it).
But once it's cached and put into a temp directory on the client's computer, is the cached file in an already parsed format? Or something relative? Or is it in the same format as it was on the server-side? This would mean that the .js file is parsed each time the exact same way (as long as the file itself is not changed, deleted, or renewed on the server-side).
I'm using 2 <script src="script file name here"> tags.
When I make a change to a script in the file in the 1st script tag, I have to turn the browser off and then back on to see the change-reloading the page isn't enough.
How can I make it so I see the changes by reloading the page and not turning the browser off and back on?
I have an html page that uses javascript to open a new window and
display a file that gets created when a button is pressed.
My problem is when the file is changed and the display button is
pressed, the old file is still displaying. I have tried using
<META HTTP-EQUIV=expires CONTENT=0><META HTTP-EQUIV=PRAGMA CONTENT=NO-CACHE>, but doesn't work 100% of the time.
functions like:
function showData(id) {
$.get("/url/getdata", {id : id}, function(data) {
$("#dialogData").html(data);
[code]....
no longer work with the addition of 1.5.Looking at firebug, the correct data is returned, but the function breaks after entering the callback.Everything simply stops.I read about the changes to Ajax call in 1.5, but I have over a thousand such calls through my project -> I cannot even begin to think about hunting them all down and changing them, let alone bug testing it all.
I'm trying to use the jqmodal dialog plugin and everything is working OK except for one minor problem. It seems when I click on the link, the expected action does not occur until I click the second time. Essentially I set up a small test form with a single line put into a table. In that data line is an href, which when clicked calls an AJAX function and returns text, which displays as a dialog. Like I said, this works fine except for the fact that the dialog does not show until the second time I click on the link. I added an alert box to the code, so I know the function is executed the first time the link is clicked
<script>
$().ready(function() {
$("#hrefClick").click(function(e) {
e.preventDefault();
[Code]....
I've a js with a loop wich generate ten ajax calls, but I aboslutely need that the first will be executed before the others. how to ?
View 5 Replies View RelatedSo I have a three step process where the page loads and there is the first section of checkboxes... as the user makes their selections I want to display the next step which also has some checkboxes. If they select a checkbox from the next step then there's a 3rd step.
If I load all sections at once, all three groups of checkboxes works great as far as accepting selections and passing the proper information.
However if I load only one, then after selection is made, load the next one... the next one using the same code as showing all at once does NOT want to work. I can't select anything.
I'm starting with something like:
[Code].....
one is class=checklist, other is =media,... thinking the naming was conflicting and then I have them each call their own function to keep it separate.
I see that the jQuery library accounts 164K which is almost 40% of the page weight. As can be seen in the source, /jquery.js loads twice, as do several other scripts! But if i remove /jquery.js library from either line, the page breaks (tabbed box does not come together).I am weak on understanding the ordering of dependencies.Are there any ideas that jump out at you about how script and css calls could be reordered so that the big library would need to be called only once?
View 5 Replies View Relatedappend.php:
<span>test</span>
jQuery function:
$(function(){
[Code]....
The content will be added on the first click, but not on the subsequent clicks however. The hidden field gets incremented fine though.
I'm experiencing a weird problem when trying to do a $.ajax call. When I pass 5 variables, with either GET or POST, the script runs as I would like. However, when I use 6 or more variables, the script does not run. Does anyone know why this is?
Relevant code (stops1-5 are defined as JS variables earlier in my script, and the alerts are for testing)
$(".barcrawl-stop-id").each(function(){
alert("running ajax function");
$.ajax({
url: "/handlers/ajax/barcrawl_reorder.php",
[Code]....
So, the way it is now, it works fine (I get the first alert for each instance of .barcrawl-stop-id, and get an alert at the end with the returned data). However, when I add another variable to the data, like stop4: stop4, the script does not run (all I see is one alert with "running ajax function").
I am trying to call a dynamically chosen function on success from an ajax call (later to be error and so on also)The following function works fine and passes the url to call and parameters into the makeAjaxPostCall function. successHandler is the function to call on ajax success.[code]
View 2 Replies View RelatedI am a newbie to using jquery and have been exploring it developing a new app. At the moment I have a number of AJAX calls to the server which I have been queueing in an array and using a single $.ajax call to handle all of them. However I know about the browser limitations of two calls per page (at the same time and want to implement this to speed up page updating). To test concurrent ajax requests I have setup various asp pages to with delays 1sec, 5sec, 10sec etc etc. and a test html file with the follwing javascript
[Code]...
I know about the same-origin policy and that one of the only ways to load data from a cross-domain is to load it as JSON. However, all I am trying to do is access data from a server on another port (which I believe the browser still treats as cross-domain). I need to do this because the server my application is on is a map server and the other server (Apache) is the only one that can handle php scripts. I have also tried out the plug-in from [URL] and while it works when I do $('#phpContent').load('http://www.google.com'); it doesn't work when I try $('#phpContent').load('http://localhost:80/mapScripts/getFiles.php'); I have also tried$.get('http://localhost:80/mapScripts/getFiles.php', function(data) { $('#phpContent').html(data); });
So here I am breaking my brain and do not know what else to attempt.
is there a possibility to chain AJAX Requests? By now i have 5 AJAX Functions where one calls the next (Button Click
View 2 Replies View RelatedI am developing quite a complex user interface in jQuery that relies on an AJAX call to retrieve JSON.We have noticed that the code runs slow in IE7. IE8 and IE6 are acceptable. Firefox and Chrome really quick. I have traced the problem back to the AJAX call, which IE7 seems slow o process. What takes less than a second in the other browsers will take IE7 3 or 4. I have googled for an answer it seems there is some consensus that the native XHR in IE7 is slow, so it may not be a specific jQuery problem.Has anyone else experienced this? Does anyone have a solution? Please consider that this will be a public website, so the solution cannot involve altering settings on users' machines.
View 5 Replies View RelatedI have a jquery based system with ajax calls instead of page refreshes. Every time I return some ajax content, it replaces the content on the main div.
function execcmdcallback(data, textStatus, XMLHttpRequest)
{
$("#divmain").html(data);
data = null;
}
Each time this executes, the browser memory increases by about 600-900kb. Can anyone suggest a way of doing this where the old memory is freed so there is no significant increase in browser memory on each ajax call ?
I've studied this a bit, [URL]..., but I have to admit I don't quite understand it I see the same issue on IE8, FF and Chrome. FF comsumes less memory per ajax call and frees some memory seconds later, but still the total working set is increasing on each call by 300k in FF and 600 to 900 in chrome and IE
I'm trying to in make in a single function, multiple calls to the same file changing one parameter the problem is thatit is taking it like if I wasn't changing the parameter and is sending only the last value all the times.Here is my code:
$(function(){
$('#btn_search').click(function(){
// what to search for
[code]....
I am building a user-based online application using jquery, and I am concerned about the possibility of users being able to hijack my ajax functions. I'm sure there is a standard way of dealing with this, but I don't know what it is.For example, if users are logged in,and want to send an instant message to each other, they can use a simple messaging system.An ajax call passes their message to a back-end handler script, like so:
$.ajax({
type: "POST",
url: "back-end-handler.php",
[code]....
Basically, what I am trying to do is call several ajax requests using jQuery on the same page, i know that all browsers are capable of requesting multiple requests. However in Chrome and Safari my website works fine, but IE, Firefox and Opera all only call the first request then dont call, the second two. I dont know why though?
All of the code for the site is here: [URL]
There is a line in a jquery plugin that I am using that calls a function to run on the inputs of form "autoSubmit."
Code:
$(function(){
$('#autoSubmit INPUT').autoSubmit();
});
My problem lies in that I have multiple of these forms on a single page, each one named autoSubmit. I easily rename each with PHP to autoSubmitXXX or YYY depending on their record id numbers, but then the .autoSubmit(); function doesn't know which form to work with.
Code:
'#autoSubmit INPUT'
I can grab the individual form ID (XXX or YYY) with:
Code:
var where_val = form.find('#where').val();
I'm trying to load a Javascript file which contains an array of data using .getScript(). It works fine on my server, but the request is never being made when I run it on my own computer, though the callback function is called. Is this an inherent limitation in JQuery/AJAX, or am I doing something stupid? code...
View 1 Replies View RelatedI want to be able to load content of multiple divs in just one click.And after the content has been loaded make a final call to a function on success.I'm using JQuery.when() wich works fine like this
[Code]...