this is regarding form submitting without refreshing the page.

I think i isolated the problem (i think) but not sure how to go about fix or handle the problem.

I highlighted the problem area in red. the msg and "saved" conditions are not being met.

after some troubleshooting and searching i learned the value returned is a object and therefore it will never meet the if statement condition.

the value returned in msg is "saved" confirmed by the alert stage4 but its not equaling msg == 'saved'. its bypassing the if statement.

added debug screenshot.

 

how do i go about fixing this problem?

   

2. { alert('stage2');
3. $.ajax(
4. { type: 'POST',
5. url: "emailposter.php",
6. data: $('#emailForm1').serialize(),
7. success: function(returned_data)
8. { console.log(returned_data['msg']);
9. if(msg == "saved")
10. { $('.emailSuccess').fadeIn(200).show();
11. $('.emailError').fadeOut(200).hide();
12. $("#txt_email").val("");
13. alert('stage3(worked)' + '  ' + msg);
14. }
15. alert('stage4(content of msg)-->: '+' ' + msg);
16. },
17. 
    
18. 
    
19. -----------------------------------------
20. external php file
22. if(!empty($_POST['txt_email']))
23. {   echo 'saved';}
24. else 
25. {   echo 'Not Saved';}
26. 
    
27. 
    
28. 
    
29. 
    
30.