JQuery :: Passing Arguments To An Ajax Call That Returns Automatically?
Oct 2, 2009
<div>I have a bunch of ajax events that are fired one after an other to fill different spots on the page.Hence it's important that I know which dom element each on of the resulting data is supposed to belong to.</div> <div> </div><div>I was wondering if there is a way I can pass the id of each element into the call so that it gets returned automagically without any intervention by the server?</div><div> </div><div>In YUI I can pass any number of arguments to an axax call and these areguments are available as part of the response.</div>
I'm trying to use $.ajax to make a JSONP call, but the callback function is never executed.I have debugging code in my server that acknowledges that a request is received, but that never runs.The same URL works fine if I paste it into the address bar of my browser.
I am getting an error to a mysql_query() call: Access denied for user 'SYSTEM'@'localhost' (using password: NO)' in path 'C:PHPClassesMySQLDbClass.php' at line 1078 This is coming from using a XML HTTP Request object (AJAX) to send form data to the server requesting my DB records interface script page, ajaxRecordsInterface.php. In using PHP sessions, I have no problem going from a logged-in-select-activity PHP document to an activity controlled by a PHP document that does records interface. But apparently an XML HTTP Request object has a different session than a PHPdoc-2-PHPdoc session. Is that so?
Here is MORE DETAIL: I am building first a version of a web-based database interaction using MySQL that does not use page reloads, so that means I am using Ajax/XML HTTP request object/Javascript (later I build the version that does script-free page reloads to show db updates/refreshes). I have no problem with login whose first PHP document gets user information and presents it, as well as a menu of links to how to interact with the DB. One of the options is to add/edit/delete student records.
In the PHP document which is the DB records interface, I have a scrollable HTML table at the document top with one table row for each record. Below it is an empty form, whose fields get populated when the user clicking on a record in a table row. Note that all fields for the records in the table rows were delivered as a Javascript array with a maximum of 50 or a 100 contiguous records in the MySQL table. (More optimizations may be done later, such as creating a Javascript array as a "cache" of the last 20 or so selected records.) I don't have problems making mysql_query() calls in a series of PHP document requests. I call session_start() to get session variables, one of which is a serialized MySQLDatabase class object which I unserialize to get the object again. The problem is the XML HTTP Request to a PHP document designed to interact with it is a different PHP session from a page-to-page session.
What I want is a loop that will call the same function until it reaches a certain number (let's say 10). Then I want the function to take the parameter passed (the number) and use it in the function where ever you see a 1 below. Basically I want it to run on each element of the pub_name array and from the info gathered define a variable based on the number (example: display_pub_name_*). I have run some tests .....
I'm having problems when passing and element from HTML to a script. I have several rows for a person addresses and when one of those fields change I need to update the value of a flag (that is a hidden element).
I'm trying to create links that onclick sort a table by title, author, etc. How would I pass an argument to an event handler? Right now, it just executes the sort function. It doesn't wait for me to click the link.
Is there a way to pass arguments to the callback function used inside an addEventListener? I see that I can only list the name of the callback function. For eg, I use this:
var boldLink=document.getElementById('cmtbold'); boldLink.addEventListener("click", rBold, true);
I need the id of boldLink to be accessible from inside the function rBold()
edited: the first alert has this in the brackets: &l t; i.e. the html code for < but for some reason this foum converts it. and i thought html was off?
I was expecting the above to alert the text in the brackets exactly as written in the code for both divs. However both events alert '<'. Why is that? I want to be able to pass '<' as an agrument to events without being converted, because that is what is happening. How may I prevent it?
Is it possible to access the data arguments that are sent with the ajax function? Example:
$('#mycheckbox').click( function() { $.get( '/ajax.php', { nr: this.id }, function( data, textStatus ) { // Here I want to access the arguments I just sent with ajax.php
[Code]....
I could easily do $('#mycheckbox').attr('checked', 'checked'); but that is not what I want. Also I don't want to send the arguments with the response. Anyone knows a solution? I can't find it in the documentation of jQuery and not in the discussions here.
The goal is to change the source on the fly (as with a firefox extension webdev or another or even Greasemonkey) to add a link. Until then, easy does it work well. This link launches an application ajax jquery like: $.get(...) or even $.ajax(...)
If I'm on [URL], added my link, I click and it works, I see the ajax request and pass my "alert ()" gives me the return of application. Great! But if I'm on a site other than mine (the url of the ajax request is [URL] while I'm at [URL] for example), the return of the ajax request is empty.
Code: function BaseController(el) { var that = this; this.defaultAction = function() {
[Code]....
What is the proper method here so that el will be defined in the super "class".? I know I saw something on stack overflow a couple of days ago but can not seem to find it again.
admin: Something is up with the code tags, why the system is double posting the code. Does HIGHLIGHT=JS not exists anymore? – That seemed not be working.
On my homepage (index.html), I have a search field which fires the users input (text) parameters off to another website to perform the search (ie. results.html). What I'm now trying to do is create an iframe on index.html which shows the search results on the same page (without the user having to visit the other website. Does anyone know if this is possible using javascript?
The reason behind this is so that we can use the search on our old website on our new one... without having to re-invent the wheel.
I'm trying to retrieve some data trough yahoo pipes, but it always returns null. However if i go to my yahoo pipe's site and i launch it, the pipe works perfectly.[code]
The white my notes section on the bottom left is a div area that is loaded with an Jquery Ajax call just like 2 other areas on the page. This works fine in IE, Safari (PC), Chrome but not in Firefox. It just shows blank white.
Either I'm having a really dim Friday, or something strange is going on. I'm trying to add a method to the Validator plugin, using the following regex:
what I'm trying to do is to automatically launch a function before going in the $.ajax ({success}); method. I've this:[code]My problem is that I first see "success" and then "ajaxSuccess" or would have the opposite.dataFilter function doesn't help me because I can't detect if query is successfull or not and not have the XMLHttpRequest.
I'm building an application that uses calendars extensively, I have single calendars returning nicely but I working on a section that can return multiple calendars (eg. yearly overview) between certain date range ranges. It's working fine but the calendars are appended to the div when the server responds and not in the sequence they are called.
Here's the code I'm using:
Code:
function displayMultiCalendars(date1,date2,a) { $.get("<?=base_url();?>cal_center/get_date_range_total/"+date1+"/"+date2, function(data) {
[code].....
So, is there any way of making sure that they return in sequence? I'm sure there's another/better way of looping but I'm not the best with the js/jquery.
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.
The general framework is a simple user login function. The user name is selected and a password entered as usual. The function grabs the element values and passes them to a php page that queries the database. An AJAX call returns the password to the function and then I want the innerHTML to be a choice of two web pages, depending on success or failure of validation. There are existing AJAX functions available on the internet but they are overly complicated for what I think should be a simple, quick to load function.
Where I am stuck is that the standard procedure to make an AJAX call is the browser window event. How do you make the call from within the function? I have tried creating two new variables, "success" and "again" to replace xmlhttp, but still stumble on the event to assign a value. I left the blank password protection (if statement) with that variable to demonstrate what I mean.
I've put in my code below, which is in development and successfully alters the innerHTML text depending on user input but I can't figure out how to insert the relevant php page. I have '// out' the testing bits, but left them for info. (I have tried full 'scripting' as the innerHTML, but it's messy.)
I want to call java function in javascript.In which we pass one parameter to function and its returns String value which I want to display in alert message.