timple-c
11/29/2017 - 8:11 PM

Ajax for Scratch Wordpress

Ajax for Scratch Wordpress

<form style="font-family: 'Lato', sans-serif;" id="mi-municipio" data-url="<?php bloginfo('url'); ?>">
					
                    <div>
					<label style="font-family: 'Lato', sans-serif;">Tu Nombre y Apellido</label><br>
				    <input name="nombre" class="texto-form msg-form" data-messi-msg="Falta completar tu Nombre." >
                    </div>
				    
				    <br>
				    
                    <div>
				    <label style="font-family: 'Lato', sans-serif;">Tu E-mail</label><br>
				    <input name="e-mail" class="mail-form msg-form" data-messi-msg="Falta completar tu e-Mail." >
                    </div>
				    
				    <br>
				    
                    <div>
				    <label style="font-family: 'Lato', sans-serif;">El municipio que sugerís</label><br>
				    <input name="municipio" class="texto-form msg-form" data-messi-msg="Falta completar el nombre del Municipio." >
                    </div>
				    
				    <br>
				    
                    <input type="hidden" id="action-hidden" name="action" value="form_municipio_action" />
                    <input type="hidden" id="nonce-hidden" name="nonce" value="<?php $nonce = wp_create_nonce( 'form_municipio_nonce' ); echo $nonce; ?>" />
                    
				    <input type="submit" value="Proponer" style="cursor: pointer; font-family: 'Lato', sans-serif;background: none; width: 124px; line-height: 27px; height: 40px; border: 2px solid #FFF; padding: 5px; color: #FFF;">
				
				
				</form>
    $('form#mi-municipio').submit(function(e) {
	  var este = $(this);	
	  e.preventDefault();
	  
	  
	  //alert(url);
	  
	  var serialize = este.serialize();
	  
	  if ( validar(este) ){
	  
    $.ajax({
				type: 'POST',
				url:  'http://wordpresssite.com/wp-admin/admin-ajax.php',
				data: serialize,
				success: function(data){
							 
							 if( data ){ 
								//alert('Funciona');
								new Messi('Tu proposición del Municipio ha sido enviada con exito.</br> Muchas Gracias', {title: 'Mensaje Enviado', modal: true, titleClass: 'anim success'});
								resetear(este);
								$('input[type="submit"]').removeAttr('disabled');
								$('input[type="submit"]').val('Proponer');
							 }
						 },
				error: function(){ 
					$('input[type="submit"]').removeAttr('disabled');
					$('input[type="submit"]').val('Proponer');
				}
			  });
    
    }else{
			new Messi( '<p><span>Usted tiene errores en los siguientes campos:</span>' + messi_msg( este ) +'</p>' , {title: 'Error', modal: true, titleClass: 'anim error'});

	  }
	  
		return false;

	}); // SUBMIT 
// FORM PROPONER MUNICIPIO

add_action("wp_ajax_form_municipio_action", "form_municipio_function");
add_action("wp_ajax_nopriv_form_municipio_action", "form_municipio_function");

function form_municipio_function() {
	
	if ( !wp_verify_nonce( $_REQUEST['nonce'] , "form_municipio_nonce")) {
	  exit("No naughty business please");
	}
	
	$body = "";
	foreach(array_keys($_POST) as $key){
		$clean[$key] = mysql_real_escape_string($_REQUEST[$key]);
	}

	foreach ($clean as $key => $value) {
		if ( $key != 'action' && $key != 'nonce' ){
			$body .= "<strong>" . $key . ":</strong> " . $value . "<br>";
		}
	}
	
	echo $body;
	
	if(wp_mail( 'nvercellino.backup@gmail.com' , "Somos Afro - Quiero mi Municipio" , $body )){
	
	echo "true"
	
	}

	
	die();
  
}
<script>var adminAjax = <?php echo admin_url('admin-ajax.php'); ?></script>