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('<h6>showRequest Called</h6>');
return false;
}
// post-submit callback
function showResponse(responseText, statusText) {
console.log('inside showResponse using'' + statusText +
'responseText:' + responseText);
$('#poll_div').html('<h6>showResponse 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('<h1>Submission 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
>
>
