[jQuery] Ajax failure call back
Hi All,<div>
</div><div> I would like to know how the ajax failure call back works.</div><div>
</div><div> I am throwing an exception from the server side code through struts, however on specific cases like when a user name already exists or invalid password I would be throwing an exception with a specific message.</div>
<div>
</div><div> I would like this exception message to be shown as javascript alert, I have the following ajax function for the save action,</div><div>
</div><div> jQuery("#save").click(function(){</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>if(jQuery('#userform').jVal()){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>jQuery.ajax({</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>type: "POST",</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>url: "saveOrUpdateUser.do",</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>dataType:"html",</div><div>
<span class="Apple-tab-span" style="white-space:pre"> </span>data:"userId="+encodeURIComponent(document.forms[0].userId.value),</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>success:function(response){</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>clear();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>alert("Admin user details saved successfully!!!");</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>},</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>error:function(event, request, settings){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>alert("Save failed!"+event);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>}<span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>);</div>
<div>
</div><div>I also tried using error:function(response), and ended up no where.</div><div>
</div><div>Could any one please let me know how to do this? Also, I would like to know some pointers to ajax related examples.</div>
<div>
</div><div>Thank you,</div><div>A.Balaji</div><div>
</div><div>
</div>