AJAX Complete Response - php

Question

I have a password change function on my site and everything is done now, except I want to display a success or fail message. So here's my html:
<form id="change_Pass" action="" method="post">
//stuff
</form>
<fieldset id="response_field_pass" style="display:none;"><p style="color:black;"></p></fieldset>
And my jquery:
$('#change_Pass').submit(function() {
if(pass_val.form()) {
$.ajax({
type: "POST",
url: "script.php",
complete: function(data) {
$('#response_field_pass').show();
$('#response_field_pass >p').text(data);
if(data) alert("success");
else alert("fail");
}
});
}
return false;
});
The php scripts echos true or false so when successful i am getting an alert box that reads success. Which is great. But the fieldset is not showing and neither is the text that should be inside the <p>. It essentially just skips:
$('#response_field_pass').show();
$('#response_field_pass >p').text(data);
And moves on to the alerts. Any ideas why it isn't unhiding the fieldset?

Answer 1

I doubt if it skips the lines you mentioned. Most probably the paragraph inside the fieldset has nothing to display, since first argument of complete handler is jqXHR object and not the data you receive from the server. In order to solve the problem I'd suggest you to use success handler instead:
$.ajax({
type: "POST",
url: "script.php",
success: function(data) {
// ...
}
});
The first argument of success function is data which is returned from the server.
To handle possible request errors, you can use error handler. It receives three arguments: The jqXHR object, a string describing the type of error that occurred and an optional exception object, if one occurred.