Merge branch 'master' of https://github.com/jgallud/tutorial-javascript

jgallud · jgallud · commit ff545bc4c482 · 2013-11-01T10:53:58.000+01:00
diff --git a/formContacto/ajax30.html b/formContacto/ajax30.html
@@ -3,30 +3,11 @@
 <head>
 	<title></title>
 	<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
-	<script src="http://fgnass.github.io/spin.js/dist/spin.min.js"></script>
 	<script>
 		$(document).on('ready',function(){
 			var pet=$('#main form').attr('action');
 			var met=$('#main form').attr('method');
 			var nom,m,msj; //para enviar la info con nuestro propio objeto json (sin usar serialize())
-			var opt={
-						  lines: 13, // The number of lines to draw
-						  length: 20, // The length of each line
-						  width: 10, // The line thickness
-						  radius: 30, // The radius of the inner circle
-						  corners: 1, // Corner roundness (0..1)
-						  rotate: 0, // The rotation offset
-						  direction: 1, // 1: clockwise, -1: counterclockwise
-						  color: '#000', // #rgb or #rrggbb or array of colors
-						  speed: 1, // Rounds per second
-						  trail: 60, // Afterglow percentage
-						  shadow: false, // Whether to render a shadow
-						  hwaccel: false, // Whether to use hardware acceleration
-						  className: 'spinner', // The CSS class to assign to the spinner
-						  zIndex: 2e9, // The z-index (defaults to 2000000000)
-						  top: 'auto', // Top position relative to parent in px
-						  left: 'auto' // Left position relative to parent in px
-						};
 			var target=document.getElementById("#status");
 			
 			$('#main form').on('submit',function(e){
@@ -35,14 +16,15 @@
 				$.ajax({
 					beforeSend:function(){
 						//$('#status').spin({radius:2,width:2,heigh:2,length:4});
-						var spinner=new Spinner(opt).spin(target);
 						nom=document.fo.nombre.value;
 						m=document.fo.mail.value;
 						msj=document.fo.mensaje.value;
 					},
 					url:pet,
 					type:met,
-					data:$('#main form').serialize(), //esta es una manera de enviarlo
+					contentType:'application/json',
+					data:JSON.stringify({nombre:nom,mail:m,mensaje:msj}),
+					//$('#main form').serialize(), //esta es una manera de enviarlo
 					//data:{nombre:nom,mail:m,mensaje:msj},
 					success:function(resp){
 						$('#status').html('<img src=./ok.png />');
diff --git a/server-formContacto.js b/server-formContacto.js
@@ -10,26 +10,28 @@ var app=exp(); //el tutorial indicaba exp.createServer()
 app.use(app.router);
 app.use('/',exp.static(__dirname + "/formContacto"));
 
-/*
+
 app.get("/",function(request,response){
 	var contenido=fs.readFileSync("./ajax30.html");
 	response.setHeader("Content-type","text/html");
 	response.send(contenido);
 });
-*/
+
 
 app.post("/peticion",function(request,response){
 	var body='';
 	//console.log("petición post recibida");
 	request.on('data', function(chunk) {
-		body+=chunk.toString();      
+		body+=chunk;//chunk.toString();      
     });
     
     request.on('end', function() {
       // empty 200 OK response for now
-      response.writeHead(200, "OK", {'Content-Type': 'text/html'});
+      var resultado=JSON.parse(body);
+      response.writeHead(200, "OK", {'Content-Type': 'text/html'});     
       response.end();
-      console.log(body);
+
+      console.log(resultado);
     });
 });
 
