Response title
This is preview!
$(".myspinner").css('display', 'none');
<div class="myspinner" style="display:none;">
<img src="<?php echo plugin_dir_url(__FILE__). 'assets/ripple.gif' ?>" style="width: 70%; height=auto;">
</div>
<div class="myspinner">
<div class="myspinner">
<img src="<?php echo plugin_dir_url(__FILE__). 'assets/ripple.gif' ?>" style="width: 70%; height=auto;">
</div>
.myspinner {
display: none;
}
jQuery(document).ready(function($){
//'use strict';
$("form").submit(function() {
event.preventDefault();
$(".myspinner").show();
var wpajaxurl = document.location.protocol + '//' + document.location.host + '/wp-admin/admin-ajax.php';
var form = $(this);
var io_form_data = form.serialize();
$.ajax({
type:'POST',
dataType:'json',
url:wpajaxurl,
data:io_form_data,
success:function (data, textStatus) {
alert("SUCCESS");
},
error:function (jqXHR, textStatus, errorThrown) {
alert("FAIL");
}
});
$(".myspinner").hide();
});
});
© 2013 jQuery Foundation
Sponsored by and others.