I have a search box which uses AJAX to query a database and return a list of suggestions to the user, it works off the "onkeyup" event on the input textbox.
Code:
<input type="text" id="txt1" onkeyup="showHint(this.value)" />
Obviously this creates an AJAX call for every keypress the user makes and I'd like to make this more efficient by adding a short delay before the AJAX call is made.
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]...
Have a computed field ("Subtotal"). With that number, need to set up rule such that if Subtotal is a certain number, a certain number will print in the new field (lets call it "First").[code]...
View 4 Replies View RelatedI'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?
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 RelatedBelow I have a facebook login/logout script for my website. The login works fine. The AJAX requests the php file, waits for the "Success" response, and then reloads the page. The logout doesn't. Instead the browser goes to the PHP file with just the word "Success" printed on it. I've separated the xml request as a separate function but that doesn't appear to solve it either. code...
View 1 Replies View RelatedOkay, I am in the process of making an Ajax library for jBeta, and have run into a snag. code..
NOTE - I have stripped everything not-necessary for this code out. If you want to have the rest for testing it can b downloaded from the jBeta project thread in the projects forum (everything is the same except for this Ajax stuff, which I am adding).
Now, as you can tell the two calls are the same. The first one returns fairly quickly, but the second one never returns, and I haven't got a clue as to why (it is late, so I may have missed something). What should be happening here, is that you can have 1 Ajax call going at a time (I know the limit is 2, this is just for dev purposes), when you get multiple calls all the subsequent ones should be added to a queue and then the library should get to them in order (seems to work, it calls the call() function 3 times). For some reason the later calls (after the first one) are never made (I am assuming that is the problem, they should return if they are successfully sent, one would think).
In my js application, consecutive ajax calls are made while running in a for loop. I am using prototype.js for AJAX calls. now if I don't call any function on onComplete event then everything is ok. but if I do so, then the function I have set in an onComplete event is invoked once or twice. rest of the time it doesn't work. the code is like the follwing:
/**
* Moves selected options from source to destination select list.
* @param source select list, destination select list
* @return none
*/
function moveMultipleOption(sourceListId, destListId)// single or multiple based on selection
{
var sourceListBox = document.getElementById(sourceListId);
var destListBox = document.getElementById(destListId);
var sourceTableName ;
var destTableName;
if(sourceListId == 'firstList')
{
sourceTableName = "left_table";
destTableName = "right_table";
}
if(sourceListId == 'secondList')
{
sourceTableName = "right_table";
destTableName = "left_table";
}
for(i = sourceListBox.options.length-1; i>=0; i--)
{
//for() loop is used for finding how many options are selected.
if(sourceListBox.options[i].selected)
{
addOption(destListBox, sourceListBox.options[i].text, sourceListBox.options[i].value);
sourceListBox.options[i].selected = false;
AjaxRequest(sourceListBox.options[i].value,sourceListBox.options[i].text,sourceTableName,destTableName);
}
}
}
/**
* Calls to server through Ajax
* @param option value, option text, source table name and destination table name.
* @return none
*/
function AjaxRequest(i,textValue,sourceTableName,destTableName)
{
var url = '/run.php/SelectList'
var pars = 'cmd=singleTransfer' + '&itemValue=' + i + '&textValue=' + textValue + '&sourceTableName=' + sourceTableName + '&destTableName=' + destTableName;
var myAjax = new Ajax.Request(
url,
{
method: 'get',
parameters: pars,
onComplete: showResponse
}
);
}
function showResponse(originalRequest)
{
// CODE IN THIS FUNCTION DOES NOT ALWAYS EXECUTE.
}
Now i have solved the problem for the time being by making a single call to ajax for the whole loop. Now my question is : what is causing this problem? Can I give time delays between two consecutive requests?
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 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
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]
I have a ajax function implementation: when the user is on one site, the ajax call keeps checking the server every 5 seconds if there is a server url change. If there is, there will be a message displayed to direct the user to go to another site.
when the user go to another site, the ajax keeps checking every 10 seconds, if there is condition met, the message will be displayed to direct user to go back to the previous site. Also, after the message is displayed, ajax call keeps checking if there is another condition met, if there is, the message will automatically disappear.
The use case is: when one server is down, the message will direct the user to another site. On another site, when the previous server is up, the user could be redirected to the previous site. there is also scenario that when the message is displayed (when server is down), the user may not follow the link to do anything. he/she may simply leave the message on and go to lunch or something, when he/she comes back, the server may be already up and the message should be disappeared instead of keeping showing the message. Therefore, the message should be displayed or disappeared automatically based on the ajax call condition.
I implemented the ajax function and it did check and displayed message. However, it wont' display the message only until the user login or the user does a "refresh" to the page. After the message is displayed, when another condition met, the message won't disappear until the page is refreshed. Then the ajax calls keep doing fine every 10 seconds. The ajax call seems fine since when I set a alert, I did see the popup message show up every 10 seconds (but only after I refreshed the page.)
Now the problem is: the message can't be automatically displayed or disappeared. It can only happen when there is new page load (refresh). How can I solve this problem. I'm thinking of putting "windows.location.reload;" to load the page right after the condition met. But kind of feel I don't need to do this.
In my current folio site I have used IDed spans with the innerHTML command to alter descriptions of folio items.
I have 3 text strings that are all changed: Title, Dimensions and Description.
The spans are called worktitle, dimensions and about, respectively.
Each button in the section sub-menu has the following set of commands (with varying texts):
onclick="worktitle.innerHTML='title blah blah' dimensions.innerHTML='dimensions blah blah' about.innerHTML='description blah blah'"
I would like to be able to use functions instead and turn the set into something like:
onclick="textOne('title blah blah'); textTwo('dimensions blah blah'); textThree('new description blah blah.');"
...or ideally, turn the set into one function that can refer to and change all three texts. Something like:
onclick="textWrite('title blah blah', 'dimensions blah blah', 'description blah blah')"
My absolute beginner's knowledge of javascript is still insufficient to do this without help.
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'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 RelatedIssues 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.
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 RelatedI have several ajax calls that originates from the same page its updating. It works perfectly in firefox but in IE it works for about 18 requests and then just stops until the page is refreshed. I thought it was a cashe issue but I have added a variable for that. I think it may have something to do with binding but I am not sure how to sort that. This is one of my functions.
[Code]....
I'm trying to make a little loop that in each itteration executes a little php script to send mail with the mail() function. the php script returns either succes or failure. Now its my intention to append that msg to a div, after every execution.
$.ajax({
type: "POST",
data: dataString2,
url: "sendmail.php",
async: false,
success: function(result)
{
showStatus(result);
[Code]...
the show status(result) is nothing more then a .append(result) the zenMails(y) calls this function again to send the next mail. It does work though but it only updates the div after the entire loop is done, i 'ld think it ld do so after every execution since i call the showstatus when the synchronous call is done and only after that i call the next iteration. Is there anyway to work aroud this ? (making the call assync doesnt work , because the port for sending the mail would still be in use)
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.
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?