</div>
</div>
</div>
<hr class="my12 outline-none baw0 bb bc-powder-2">
<div class="grid fw-nowrap fc-black-600">
<div class="grid--cell mr8">
<svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
</div>
<div class="grid--cell lh-md">
<p class="mb0">
<b>Want to improve this question?</b> <a href="/posts/48473159/edit">Update the question</a> so it's <a href="/help/on-topic">on-topic</a> for Stack Overflow.
</p>
<p class="mb0 mt6">Closed <span title="2018-01-27 06:25:30Z" class="relativetime">2 years ago</span>.</p>
</div>
</div>
</aside>
i created an ajax contact form, it has a problem with responseText. when i click the submit button to send data. instead to show the response text, it show like this.
<!DOCTYPE html> <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="http://localhost/pomtech/jami/xmlrpc.php"> <!--[if lt IE 9]> <script src="http://localhost/pomtech/jami/wp-content/themes/twentyfifteen/js/html5.js"></script> <![endif]--> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <title>Page not found – jami university</title> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> ...
Ajax codes. here is some jQuery code that i used to get form data.
jQuery(document).ready(function(){
var form =jQuery('#ajax-contact');
var formMessages= jQuery('#form_messages');
jQuery(form).submit(function(event){
event.preventDefault();
var formData=jQuery(form).serialize();
jQuery.ajax({
type: 'POST',
ulr: jQuery(form).attr('action'),
data: formData
}).done(function(response){
// make sure message is success
jQuery(formMessages).removeClass('error');
jQuery(formMessages).addClass('success');
//set message text
jQuery(formMessages).text(response);
// clear form fields
jQuery('#name').val('');
jQuery('#email').val('');
jQuery('#message').val('');
}).fail(function(data){
// make sure message is error
jQuery(formMessages).removeClass('success');
jQuery(formMessages).addClass('error');
// set message text
if(data.responseText !== ''){
jQuery(formMessages).text(data.responseText);
}
else{
jQuery(formMessages).text('an error has been occured');
}
}); }); });
HTML codes
<div id="form_messages"> </div>
<form id="ajax-contact" method="post" action="mailer.php">
<div class="field">
<label for="name">Name:</label>
<input type="text" name="name" id="name" required="required">
</div>
<div class="field">
<label for="email">Email:</label>
<input type="email" name="email" id="email" required="required">
</div>
<div class="field">
<label for="message">Message:</label>
<textarea id="message" name="message" required="required">
</textarea>
</div>
<br>
<input type="hidden" name="recipient" value="'.$recipient.'">
<input type="hidden" name="subject" value="'.$subject.'">
<div class="field">
<input type="submit" name="contact_submit" value="Send" >
</div>
</form>
mailer.php
<?php echo "Hello world"; ?>
there is no need for more details but stackoverflow did not premit me to post my question with less information. so these context are belong to my question
</div>