Very intermittently, I am finding ajax requests submitted with jquery are being submitted twice, once with parameters, and once without parameters. The code looks something like this:
[Code]...
It looks like IE is caching the response for some AJAX requests here. The app I'm working on is a catalog of sorts. Clicking the link for a category loads a set of "items". Those, in turn, may be deleted from the admin view. The delete works fine (I checked the DB) but, when loading the same set of category items, I'm seeing the list unchanged. That is, the thing that was deleted is still there. Sorry for the crap explanation but I'm not really sure of a better way of putting it. Bottom line is, has anyone seen this sort of behavior with IE before? Can it cache the result of an AJAX request like that? And, if so, how can I guard against that? Can I set cache-control headers for an AJAX request?
View 2 Replies View RelatedI'm trying to launch two ajax requests at same time. I'm expecting result from the first later than the second. The problem is, it won't return me any result from the second request untill first one is returned.
Check it out :
$.post("sendMail.php");
getSendInfo();
setTimeout(getSendInfo,5000);
[code]....
I'm getting response from the $.getJSON function only when the $.post is over. Is this a bug or a mistake from me ? My aim is to launch a long request and fire multiple other requests to check how is doing the first one.
I'm having problems performing a simple load(...) request to bring in HTML content from a partner Oracle system within the same domain. Our portal has a built-in SO connection will handles security for me transparently. However during the process it initiates a 302 temporarily moved response which seems to trip up an AJAX request, but doesn't trip up Firefox when accessed through the address bar. If I use the same URL in an IFRAME it's totally fine.
After tons of googling, searching the forums, and the bug tracker database I cannot find anyone who has experienced this problem. Before I open a bug ticket I'd like community feedback to help me see if I am doing anything wrong.
My AJAX call looks like this in Javascript:
I have a element when click, it will trigger some other elements to be selected. and those elements will trigger elements in next level.
It is a three levels hierarchy so to speak. but each element will send an ajax request when selected. Those requests will become out of control especially when I repeatedly click the root element.
Can I queue those XHR request in a queue and send them one by one? or maybe add a delay before send so that they can collect their information into one batch request and send one request after that.
I have a page that relies on AJAX for content manipulation. Once a person selects a radio button, a request is made through $.getJSON() to get the replacement content. This works in all browsers. Once the new content is loaded, there are 3 more calls to $.getJSON() to change more content (on other tabs in jQuery UI). This works in all browsers except for IE.
I understand this is a Microsoft problem, and not a jQuery problem, but I am wondering if there is a way to manipulate the jQuery calls to get them to work in IE. I did try replacing $.getJSON with $.ajax, and even set async to false. None of those three methods worked in IE. I noticed the problem when my loading div was still displayed in IE. Using Firebug Lite, I saw that only one request was made, rather than four.
I am developing a fairly complicated application with a lot of JavaScript and making use of JQuery. The application repeatedly makes simultaneous GET requests.
I am looking for a way of assigning a unique token to each request when it is made, so that I can store information about that request and cache the request / response combo, when using $.get() (or potentially $.ajax() if required for the extra functionality).
So far I have not had any joy and after a while googling this am none the wiser. I have used similar functionality in Flex 3 with the AsyncToken object which can maintain data between HTTP request / response.
[Code]...
I'm working on a php/jQuery application, I want to display a loading image automatically every ajax request, without writing code for every ajax request. Is there anyway to do this.
View 1 Replies View RelatedWhen a pending ajax request is aborted in IE browsers there is a new global object called "jQuery" + timestamp, for example "jQuery16405272192696596443".
This happens in every IE from 6 to 9 but not in Chrome, Safari, FireFox in their current stable versions. I am a bit lost and found nothing similar. I created a little test page to determine whether it started due to some own code or just in this little piece.
Example HTML:
<!DOCTYPE html>
<html>
<head>
[Code].....
I have a problem where if a form submission (set up to submit via AJAX) fails validation, the next time the form is submitted, it doubles the number of post requests - which is definitely not what I want to happen. I'm using the jQuery ValidationEngine plugin to submit forms and bind validation messages to my fields. This is my code below. I think my problem is that I need to unbind from the validationEngine plugin when the form fails, but I can't figure out how to do this.
[Code]...
I have this function among many that houses forms. I'm also using an ajax page that is supposed to deal with form's entries and insert everything into my DB and I don't know how to separate the different requests on the ajax page so that it can do what the correct request is.
[Code]...
This might seem like a silly question..First issue. If i have a response and i'd like to update both text div and a status div how would i go about doing this. I've seen that jQuery has a few options such as OnSuccess etc?
Say that i post a comment and obviously you'd want to update some kinda statusbar on your website with the info that the message was posted successfully with ajax. (otherwise it might slip by the user unnoticed since ajax is kinda discrete)
Would it be a good way to for instance check the responseText if it contains anything and if it does you simply write a successmessage by grabbing a div from JS and if the responseText contains a custom error code lets say 1 you'll update the statusbar with a deny message?
Second thing. I've currently created an Ajax search on my site which activates whenever the user press or unleash the button. The issue is that if the user types fast enough it comes stuck showing the Loading.gif constantly. Could this be due so many requests opening and that i have a sleep on the server-side and if so how would you do it instead? I am using a serversleep of 1 second to have the Ajax pic appear consistently.
[Code]...
I have a jsp page using ajax that has a button with an action. The action sends multiple ajax requests. The response from these requests is to be used to update a progress indicator to show the servers current progress. I can see from the debug that I am getting the 1st response. I think it is the way how I have implemented the further requests. I think this is down to my javascript knowledge, which isnt very much. Also I assume using multiple requests in this way is the correct thing to do? I have spent ages trawling the internet trying to get a solution.
View 4 Replies View RelatedI'm encountering an AJAX problem when I try to execute multiple AJAX requests at the same time. What I want to do is delete a message and display the status (succes or failure) of that in div1, and refresh the messages on the page in div2. This needs (for as far as my knowledge reaches) two AJAX actions from which I both need the responseText.
The problem:
What happens when I execute my script is that the second action (refresh a part of the page) happens before the deletion is executed. The result of this is that when the deletion has been executed, the page is already updated, and the deleted message is still there.
The script
What I now have is:
function doAjax(url, element_id, img_url){
var ajaxObject = createAjaxObject();
ajaxObject.open('GET', url, true);
ajaxObject.onreadystatechange = function(){
if(ajaxObject.readyState==4 && ajaxObject.status==200){
document.getElementById(element_id).innerHTML = ajaxObject.responseText;
delete ajaxObject; .....
I need to send 15 requests to my server and get results, these results are queries to other sites. I then update my page with the results. I need to know if I am taking the correct approach, as things are working a bit slow, and i.e., seems the be as slow as a snail.
Here is my function for the first request
Code:
function one(){
var xmlHttpa=null;
try{
xmlHttpa=new XMLHttpRequest();
} catch (e){
try {
xmlHttpa=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e){
try {
xmlHttpa=new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
alert("Your browser does not support AJAX!");
return false;
}}}
xmlHttpa.onreadystatechange=function(){
if(xmlHttpa.readyState==4){
document.getElementById('resulta').innerHTML = xmlHttpa.responseText;
var el = document.getElementById('showMessagea');
el.parentNode.removeChild(el);
applystyle();
}}
xmlHttpa.open("GET","one.php",true);
xmlHttpa.send(null);
}
I then call this function and others from my page, one(); two(); etc. Am I correct in my approach?
I need to encrypt my AJAX requests and responses from the server. As the message format I use simple JSON.Can you advise any libraries about it?
View 7 Replies View RelatedI want to use prototype js to have it submitted without refreshing the page.
View 4 Replies View RelatedI have email, password and some other fields, and I'm using $.post to send data for Ajax submission.
The problem is that I don't want to submit a particular field. The serializeArray() returns all the fields in the form. So, I tried something like this to prevent the password field being serialized.
This works great but the ajax submission doen't work.
I am using Roshan's Ajax dropdown code for my two ajax dropdown menus. All is working fine, but when I want to use $_POST in the submitted form with FireFox, its not working...??? Its working fine in IE.
[Code]...
I'm using the $F of the prototype library to send data through the Ajax
Request. I'm having problems using the $F to reference fields sent
back through an original Request. My first request sends a form back
to the user in the type such as <input text name=foo> and at the bottom
of the returned form I have a second ajax call to send the fresh data
to the another script. The problem is that the new data in the form
cannot be referenced from $F. My question is how can I pass the new
data in the javascript to another Ajax call either by $F or by other
means?
I have a page that submits to a db then re-loads its self with new information. Unfortunately it goes wrong when the user double clicks on a one of many text links that provides the info for the display on reload. How do I stop users from double clicking on the page? Ideally I think I would like to call some sort of js function from body onload as I presume this would then cover the whole of the page, but have no idea if this is possible or how to go about writing it.
View 8 Replies View RelatedI can't see the requests of the forms by firebug to debug. Does anyone know if have any option or any way to do this?
View 3 Replies View RelatedI'm using jQuery Validate to validate my on-line things.it looks like a plugin issue, but my turn-arround was on ajax/param not on the plugin, so i put it on core.Today i faced a problem, that is: i use remote validation and i needed that all the form is submited to the validation. (this remote validation is like a bridge to the $.ajax)i have tried this, and of it is not the best deal, because it get the form on ready and don't change when the form change:
$('#nome').rules('add',
{
remote:
[code]....
Can I do the following without my program crashing? [code]...
I have created an application that does something similar to the code I just posted. However, my program crashes intermittently. Sometimes it will crash after calling jQuery.get() a few times (with several http requests still pending). Other times it will get through all of them just fine.
I want to know if Ajax can handle that many asynchronous requests without crashing? Can someone look at this to see if there is something I am missing?
I was wondering if the jquery out of the box allows for repeated ajax requests at a certain time interval to update elements on the page. I found a plug in that can do this:Just wanted to make sire i can ot inherently do it with jquery.
View 6 Replies View RelatedHere's a demo of the work I have at the moment: [url]
Basically if you click on "Blog" in the main navigation column, a second column next to it will Ajax loads "blog.html" that contains a list of "posts." If you click on one of the posts in the second column, a third column will load in with the content of the post.
While that's working fine, if you click "Blog" again, this is where the script goes haywire. Firebug shows over 20 GET requests on the second column. And then when you click on a link in the second column after that, an equal amount of GET requests is sent. You can even see the animations going crazy. I have no idea why this is happening.
It started to occur when I added the following lines to mainnav.js:
The reason why I added this was because I wanted to show the full slide out animation before the script Ajax loads another blog.html when "Blog" is clicked for the second time. Before I implemented the code above and loadContent function, the problem was that the slide out animation was cut off by the loading of the page. To prevent this, I thought using a callback function would work since callbacks occur after the animation is completed.
The only issue with this is that if you first load the page #listnav has no child elements. Therefore if you try using the following code:
...the callback function is never executed since there are no nav li elements until you click "Blog." That's why I tried to implement an if statement which checks if there are elements within #listnav, and it works fine on the first click, but any clicks after the script just bugs out.