[jQuery] Re: jQuery Form Plugin ROOKIE in need of help :(
James, (and all)
Thanks a lot for the help - I'm now seeing all of the things I want
in firebug. I'm getting an XHR respose (is this the proper
terminology? Is XHR always a request? regardless...)
I'm getting a response from my script which includes a script tag
(with functions) and an HTML form. I now want to do something like
this (see the code below).
The main issue is this with the jquery form plugin, you can set a URL
to send the data to (via post, etc.) but the script never runs. Can
you tell me how to process the response so that it will? I do get the
HTML appended where I want it, but the script will not run. Not even
my alert.
I've also tried using onsubmit of the form call my function, but
that doesn't seem to work either. Do you know if that would work
normally?
Googling process XHR response or eval XHR response or eval(window);
all seem incorrect. I'm very bad at javascript and much more
comfortable with php - PLEASE help if you can :-/
// This is essentially what's in my script
$('response_node').ready(function(){
alert('i ran');
var options = {
target:'#myForm', // target element(s) to be updated
with
server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse, // post-submit callback
// other available options:
url: 'voting.php',// override for form's 'action'
attribute
};
// If binding works, prevent default submit event
if( $('#myForm').ajaxForm(options)){
$('#myForm').submit(function(e){
e.preventDefault();
});
};
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
console.log('inside showRequest of questionHandler using' +
queryString);
$('#output1').html('h6showRequest Called/h6');
return false;
}
// post-submit callback
function showResponse(responseText, statusText) {
console.log('inside showResponse using'' + statusText +
'responseText:' + responseText);
$('#poll_div').html('h6showResponse Called/h6')
$('#poll_div').append(responseText);
}
});
// and my form is basically
form id='myForm' action='dont_run.php' method='post' class='vote'
// stuff
/form
On Feb 25, 9:43 pm, James james.gp@gmail.com wrote:
Yes, that's normal.
On Feb 25, 1:55 pm, Brian Long brilon...@gmail.com wrote:
Hey everybody - I'm definitely an amateur, but I have a pretty good
understanding of PHP / MySQL / Firebug / FirePHP so I think we can
work through this.
If using the standard form plugin model - I have the callback:
function showResponse(responseText, statusText) {
$('#myForm').html('h1Submission was successful/h1' +
responseText);
}
I do see the HTML change in the browser / firebug for this element:
form id=myForm
but when I view source (in Firefox) --- I see the HTML that would of
existed before the AJAX submission.
Is this normal?
Thanks in advance
Brian Long
[jQuery] Re: jQuery Form Plugin ROOKIE in need of help :(
CLARIFYING:
I have two different URL's between my form's action and my url set in
the options that are sent to $('#myForm').ajaxForm(options)
I did that just because in earlier testing I was trying to confirm
that the URL used in my options variable would actually override the
value that was set in the action of the form
THANKS so much to the group for all past and future help!
On Feb 26, 10:42 am, Brian Long brilon...@gmail.com wrote:
James, (and all)
Thanks a lot for the help - I'm now seeing all of the things I want
in firebug. I'm getting an XHR respose (is this the proper
terminology? Is XHR always a request? regardless...)
I'm getting a response from my script which includes a script tag
(with functions) and an HTML form. I now want to do something like
this (see the code below).
The main issue is this with the jquery form plugin, you can set a URL
to send the data to (via post, etc.) but the script never runs. Can
you tell me how to process the response so that it will? I do get the
HTML appended where I want it, but the script will not run. Not even
my alert.
I've also tried using onsubmit of the form call my function, but
that doesn't seem to work either. Do you know if that would work
normally?
Googling process XHR response or eval XHR response or eval(window);
all seem incorrect. I'm very bad at javascript and much more
comfortable with php - PLEASE help if you can :-/
// This is essentially what's in my script
$('response_node').ready(function(){
alert('i ran');
var options = {
target: '#myForm', // target element(s) to be
updated with
server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse, // post-submit callback
// other available options:
url: 'voting.php', // override for form's
'action'
attribute
};
// If binding works, prevent default submit event
if( $('#myForm').ajaxForm(options)){
$('#myForm').submit(function(e){
e.preventDefault();
});
};
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
console.log('inside showRequest of questionHandler using' +
queryString);
$('#output1').html('h6showRequest Called/h6');
return false;
}
// post-submit callback
function showResponse(responseText, statusText) {
console.log('inside showResponse using'' + statusText +
'responseText:' + responseText);
$('#poll_div').html('h6showResponse Called/h6')
$('#poll_div').append(responseText);
}
});
// and my form is basically
form id='myForm' action='dont_run.php' method='post' class='vote'
// stuff
/form
On Feb 25, 9:43 pm, James james.gp@gmail.com wrote:
Yes, that's normal.
On Feb 25, 1:55 pm, Brian Long brilon...@gmail.com wrote:
Hey everybody - I'm definitely an amateur, but I have a pretty good
understanding of PHP / MySQL / Firebug / FirePHP so I think we can
work through this.
If using the standard form plugin model - I have the callback:
function showResponse(responseText, statusText) {
$('#myForm').html('h1Submission was successful/h1' +
responseText);
}
I do see the HTML change in the browser / firebug for this element:
form id=myForm
but when I view source (in Firefox) --- I see the HTML that would of
existed before the AJAX submission.
Is this normal?
Thanks in advance
Brian Long
[jQuery] Re: jQuery Form Plugin ROOKIE in need of help :(
Yes, that's normal.
On Feb 25, 1:55 pm, Brian Long brilon...@gmail.com wrote:
Hey everybody - I'm definitely an amateur, but I have a pretty good
understanding of PHP / MySQL / Firebug / FirePHP so I think we can
work through this.
If using the standard form plugin model - I have the callback:
function showResponse(responseText, statusText) {
$('#myForm').html('h1Submission was successful/h1' +
responseText);
}
I do see the HTML change in the browser / firebug for this element:
form id=myForm
but when I view source (in Firefox) --- I see the HTML that would of
existed before the AJAX submission.
Is this normal?
Thanks in advance
Brian Long
