Your page is refreshed? No wonder since you are using type="submit"
input. Change it to type="button" and add return false; at the end of
your onclick function just in case. return false; will prevent the
button from continuing with its default behaviour once your function
is complete.
Submit inputs are used to submit a form (without AJAX) to a url
provided in the action attribute of your form. Since your form doesn't
have an action attribute, it assumes that the form should be posted to
the current url. Your function probably works, but once it is
completed the form submits normally without waiting for AJAX response.
2009/8/17 efet <efetun...@gmail.com>:
>
> I missed few ""s there thank you. I am pasting the updated code here.
> I just installed firebug. I dont receive any errors, what happens is
> page is refreshed. Before moving to an easier method, I want to learn
> this method first. I am just a beginner yet. Do you think page is
> refreshed because I have method="post" in my form?
>
> Updated code:
> $(document).ready(function() {
> $("[name='signup']").click(function() {
> $.ajax({
> type: "POST",
> data: { PROCESS: "Add2Member",
> FIRSTNAME: "[name='FIRSTNAME']",
> LASTNAME: "[name='LASTNAME']", EMAILADDRESS: "[name='EMAILADDRESS']",
> PASSWORD: "[name='PASSWORD']", CITY: "[name='CITY']" },
> url: "default.cs.asp",
> success: function(output) {
> $("#SIGNUPFORM").html(output);
> $('#SIGNUPFORM').html("<h2>Contact Form
> Submitted!</h2>")
> }
> });
> });
