[jQuery] Re: Convert from AjaxRequest to jQuery/ajax
On Sunday 08 February 2009, pedalpete wrote:
> Sorry Tim, I didn't understand it that way.
:-)
> You should still be able to do this fairly simply.
Looks like I will also have to use a wrapper to get the form
using the 'this' keyword, since I work with multiple forms.
I think I can get what I need by something like this:
Illustrated by:
function CheckForm(f) { // triggered by onsubmit="CheckForm(this);"
var formname = f.name;
var url = f.action;
var meth = f.method;
// illustrated by
alert('Action: ' + f.action + '\nMethod ' + f.method + "\nName: " +
f.name);
// I'll review your examples, this gives me a start
// more code ..
return false;
}
//Thanks
//tim
> You don't have to specify the url, you can pass it as a variable.
> But you would need to put your $.ajax function into another function,
> and call it when clicked. You can also build the data variables in the
> other functions.
>
> For instance
> [code]
> $('form#1').submit(function(){
>var url=$('form#1).attr('action');
>// then get your data variables and do whatever you want to do with
> them
> var type= "get";
> submitForm(url, data);
>
> });
>
> function submitForm(url, data){
> $.ajax({
> type: type,
> url: url,
> data: data,
> success: function(){
>
> }
> })
>
> }
>
> [/code]
>
> I hope that helps, and that I understand what you were trying to do
> better than my first answer.
[jQuery] Re: Convert from AjaxRequest to jQuery/ajax
Sorry Tim, I didn't understand it that way.
You should still be able to do this fairly simply.
You don't have to specify the url, you can pass it as a variable.
But you would need to put your $.ajax function into another function,
and call it when clicked. You can also build the data variables in the
other functions.
For instance
[code]
$('form#1').submit(function(){
var url=$('form#1).attr('action');
// then get your data variables and do whatever you want to do with
them
var type= "get";
submitForm(url, data);
});
function submitForm(url, data){
$.ajax({
type: type,
url: url,
data: data,
success: function(){
}
})
}
[/code]
I hope that helps, and that I understand what you were trying to do
better than my first answer.
[jQuery] Re: Convert from AjaxRequest to jQuery/ajax
On Sunday 08 February 2009, pedalpete wrote:
> I believe the code you are looking for would be something like this
Hi pedalpete:
Thanks you for the quick response.
> [code]
> $('form').submit(function(){
> var cell1 = $('#cell1').html();
> var div1= $('#div1").html();
> var span1=$('#span1").html();
> $.ajax({
> type: "GET",
> url : 'urlToGet.php',
> data: 'cell1='+cell1+'&div1='+div1+'&span1='+span1,
> success: function(response){
> // whatever you want to do with the response
> }
> });
As you see, the type and url are "hard coded" into the function.
Furthermore, if I understand the interface to the function, 'form'
as also "hardcoded"
In the case of the example that I submitted, the form is passed
as the 'this' keyword, allowing this function to have more than one caller.
Thanks again, more examples are welcome, but perhaps I would have
to dig deep and learn to write a wrapper.
cheers
tim
> });
> [/code]
>
> On Feb 8, 4:23 pm, Tim Johnson wrote:
> > For some time I've been using a little ajax library called AjaxRequest.
> > Because I'm working with code generation tools, I'd like to make a
> > first - step switch to jQuery as simple as possible.
> > A sample AjaxRequest function follows:
> > function CheckForm0(theform) {
> > AjaxRequest.submit(
> > theform
> > ,{
> > 'onSuccess':function(req){
> > var res = req.responseText.split('\n')
> > document.getElementById("cell1").innerHTML = res[1];
> > document.getElementById("div1").innerHTML = res[2];
> > document.getElementById("span1").innerHTML = res[3];
> > alert(res[0]);
> > },
> > 'onError':function(req){ alert("ERROR: " + req.statusText);}
> > }
> > );
> > return false;
> > } // end function
> > // Form tag follows:
> > > action="http://bart.johnson.com/cgi-bin/baker/reb/test-ajax.r";
> > onsubmit="return CheckForm0(this);">
> > // Note that method, action, and onsubmit parameters are in the tag
> > // and I would prefer that they remain there. Also the form is referenced
> > // by 'this' in the onsubmit parameter and passed to the Ajax function.
> >
> > I'd appreciate pointers to jQuery examples that would help me with the
> > transition. I'd like an approach that requires as few changes to the form
> > tag as possible.
> >
> > Thanks
> > Tim
[jQuery] Re: Convert from AjaxRequest to jQuery/ajax
I believe the code you are looking for would be something like this
[code]
$('form').submit(function(){
var cell1 = $('#cell1').html();
var div1= $('#div1").html();
var span1=$('#span1").html();
$.ajax({
type: "GET",
url : 'urlToGet.php',
data: 'cell1='+cell1+'&div1='+div1+'&span1='+span1,
success: function(response){
// whatever you want to do with the response
}
});
});
[/code]
On Feb 8, 4:23 pm, Tim Johnson wrote:
> For some time I've been using a little ajax library called AjaxRequest.
> Because I'm working with code generation tools, I'd like to make a
> first - step switch to jQuery as simple as possible.
> A sample AjaxRequest function follows:
> function CheckForm0(theform) {
> AjaxRequest.submit(
> theform
> ,{
> 'onSuccess':function(req){
> var res = req.responseText.split('\n')
> document.getElementById("cell1").innerHTML = res[1];
> document.getElementById("div1").innerHTML = res[2];
> document.getElementById("span1").innerHTML = res[3];
> alert(res[0]);
> },
> 'onError':function(req){ alert("ERROR: " + req.statusText);}
> }
> );
> return false;
> } // end function
> // Form tag follows:
> action="http://bart.johnson.com/cgi-bin/baker/reb/test-ajax.r";
> onsubmit="return CheckForm0(this);">
> // Note that method, action, and onsubmit parameters are in the tag
> // and I would prefer that they remain there. Also the form is referenced
> // by 'this' in the onsubmit parameter and passed to the Ajax function.
>
> I'd appreciate pointers to jQuery examples that would help me with the
> transition. I'd like an approach that requires as few changes to the form
> tag as possible.
>
> Thanks
> Tim
