Jquery :: Web Browser Become Slow Or No Response After Several Ajax Calls?
Mar 23, 2010
I've managed to use ajax to fetch and display the quotations which associate to a particular rep after i click that rep's name. But the only problem is the speed of response. The first few clicks are ok and very smooth. But after several tries, the response become slow and I cant even scroll down the webpage, and later on the web browser craches....
here it is:
<!-- Data display area -->
<br /><input type="image" id="printbtn" value="Print" src="images/printer.png"/><br />
<div id="container">
[code].....
View 3 Replies
ADVERTISEMENT
Jul 30, 2009
I 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 Related
Dec 29, 2010
Hint me about an easy and clear way to cache ajax response into client browser WITHOUT using the JQuery? I am unable to find that on google.
I have a page that is loaded using AJAX and it takes long time to load every time (approximately 28 seconds), so I need to cache it to reduce the time. I tried the stored procedure for database, but it did not give me good result, so I want to try the caching.
View 6 Replies
View Related
May 17, 2010
I have an ajax post which returns a large html response. It is getting truncated at 98784 characters everytime. Is there a limit to a response size or a way around this?
Using: IE7
jQuery 1.4.2
jQuery UI 1.8.1
Here is my ajax call:
View 1 Replies
View Related
Jun 12, 2010
I have a problem with the jQuery.ajax() function combined with a keyup event (i think key events in general). I'm binding an keyup event to an input field so that on every change the current input is send via the ajax function and receives new data from the server, displaying it in a selectbox.
when I'm typing very fast it seems that the ajax function is too slow for this and shows up old result elements. After triggering the event another time, e.g. via UP,DOWN,.. it receives and displays the correct data.
View 1 Replies
View Related
Jan 17, 2006
'When my form is submitted, I have onsubmit pointed to the following
code snippet. But, the button is not actually set to disabled and the
style.visibility changes are not made for several seconds. It appears
that it goes into validateForm and doing the rest of this snippet
before the browser makes the changes.
How can I get the browser to immediately make the UI change?
function submitForm(servleturl) {
var submitbuttonelem = document.getElementById("submit");
submitbuttonelem.disabled = true;
document.getElementById("modgradeform").style.visibility="hidden";
var mydiv = document.getElementById("contentarea");
mydiv.innerHTML = "Validating the form.";
mydiv.style.visibility="visible";
var ret = validateForm();
View 6 Replies
View Related
Jul 19, 2010
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]....
View 1 Replies
View Related
Nov 22, 2011
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 Related
Apr 14, 2009
I'm creating an AJAX page that is built using a PHP Class, ie the php looks a bit like this: PHP Code:
$wp_page->addjs('../var/savepolicies.js')
$wp_parser->page = "userpolicywindow.php";
$wp_parser->addlink("Home","../index.php","");
$wp_parser->addlink("Logout","javascript:logout();","");
$wp_parser->getpageid("501");
[Code]...
within this page that has been created, there is an AJAX tree folder which calls another page to be loaded into a DIV by AJAX again. Code:
[Code]...
I don't know why it doesn't work because the page has been loaded with the JS file, but as soon as the link is added afterwards it doesn't work. I take it this is because it doesn't know where to find the JS, but how can I overcome this?
View 4 Replies
View Related
Feb 27, 2010
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").
View 1 Replies
View Related
Aug 10, 2009
I 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]...
View 4 Replies
View Related
Nov 3, 2010
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.
View 1 Replies
View Related
Aug 26, 2009
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 Related
Oct 27, 2010
I 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
View 15 Replies
View Related
Jan 12, 2011
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]
View 5 Replies
View Related
Jun 4, 2010
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 Related
Jul 6, 2011
I 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]...
View 1 Replies
View Related
May 26, 2010
Issues with jquery ajax calls with IE and what the workarounds are?
I'm having users complain about issues of an ajax call not working, however, I've been unable to reproduce this or see the error myself.
Works fine in firefox/safari/chrome. I have windows7 + IE8/IE7 to test and that works.
My call looks like this...
I added the _requestno parameter because i read that IE does some smart caching of ajax calls, but, that didn't solve the problem.
View 2 Replies
View Related
Dec 7, 2010
I have a code that triggers ajax calls on button click, it all works fine but every now and then, the click triggers 2 AJAX calls. When i look at these calls in FB i see they succeeded (they get the expected response) but i get Timeout (I've set it to 3 seconds).
View 1 Replies
View Related
Apr 7, 2011
I want to send another ajax request when one request is in process to get the status of first request.
If I call both the request the second request gets blocked till the completion of the first request.
View 2 Replies
View Related
Mar 14, 2011
I'm actually not sure if this isn't possible to begin with, but thought I should ask as it's better safe than sorry. On a number of my pages, I use jQuery.ajax() using the json data type. For example:
[Code]...
Would it be possible for people to execute this script from their own server? If yes, is there any preventative measures I can take to block any remote execution of the script? And, are there any other safety concerns I need to be aware of?
View 3 Replies
View Related
Sep 1, 2010
I've noticed this weird behaviour of jQuery in Safari and Chrome (didn't test on Firefox as I'm using some webkit CSS extensions). After setting up the call like this:
$.ajax( {
'url' : url,
'dataType' : 'json',
data : reqdata,
cache: false,
method: 'get',
timeout: 20000, //10 secs of timeout
success : function(data, textStatus, XMLHttpRequest) { .....
If a timeout occurs (I switch the local webserver off), the 'success' method will be called! More than this in the textStatus parameter there is a string with "success" !!! The error handler doesn't even get called.... (As you may notice the only way I had to tell the problem, was to check the data param if it is null or 0 length. How can I avoid this?
View 2 Replies
View Related
Apr 23, 2010
I'm trying to build a page that has multiple ajax calls on it. When you do it the old-fashioned way with XmlHttpRequest, you'd create a new xhr object for every call so that they execute simultaneously. If I try to do this in jquery it will only execute a call when the previous one has completed. This makes the page load time completely unacceptable. How to improve the performance?
View 2 Replies
View Related
Jun 25, 2010
I'm currently rewriting all my ajax calls to use the jquery method (much cleaner code! ) and have declared a default ajaxError function, shown below:
$(document).ajaxError(function(event, request, settings){
alert("There was an error while communicating with the server. URL: " + settings.url);
});
However, now I have a few ajax calls where I want to declare an error function in the ajax call. I was hoping that by declaring an error function in the ajax call, it would replace the default error call I have defined. But that does not appear to be the case, as I continue to first get my ajax function error call, then I also see the above code execute.
I tried calling event.stopImmediatePropagation() from within my ajax error function hoping that it would stop further events firing (ie: the default error event) but that didn't do anything except tell me in firefox that "event" was undefined.
I was hoping I wouldn't have to go through and define an error function to EVERY ajax call.
View 1 Replies
View Related
Aug 27, 2010
I am making a call like -
$('#display').load(adnwurl, function(response, status, xhr) {
alert(response);
});
And also tried with -
$.get(adnwurl,
{},
function(data) {[code]...
In both the cases I am getting an empty response instead of expected html response.If I just copy paste this adnwurl in browser, I do get a proper html response. Its not working with ajax call.
adnwurl = "http [url]...site_id=4764&partner_id=70606a913077034c&timeout=5000&version=1.5&language=jsp&format=wap&testing=1&target_params=AGE=>29||DOB=>1981-08-[code]....
View 3 Replies
View Related
Dec 22, 2010
I'm using $.ajax for an ajax request and I've setup a basic html form and if there are errors in the form when the user submits them my server side script is returning them in an array to the client with the errors.
If there are multiple values in the array, how do I display each error on its own line either using <li> tags or even just a <br/>? I'm injecting the ajax response into a div using .html() but how do I iterate the array within that div so I get one error message per line?
Do I need to construct the HTML on the client side after the ajax response has come back or should I do this on the server side before the data is even returned to the client? Right now I'm returning a raw array so that is why I'm asking the question about how to format things up and get the form errors into my div.
[Code]...
View 1 Replies
View Related
