elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Problema con jQuery peticion Ajax		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Problema con jQuery peticion Ajax  (Leído 2,686 veces)
Ali Baba


Desconectado Desconectado

Mensajes: 310


Ver Perfil WWW
Problema con jQuery peticion Ajax
« en: 4 Octubre 2017, 03:16 am »
Estoy siguiendo el curso de jQuery de Codigo Facilito. Tengo este codigo:

Código
  1. $(function(){
  2. 	$('#ejecutar').click(function(){
  3. 		sumar($('#valor1').val(), $('#valor2').val());
  4. 	});
  5. 	function suma(val1,val2){
  6. 		var parametros = {
  7. 			"val1":val1,
  8. 			"val2":val2,
  9. 		}
  10. 		$.ajax({
  11. 			data:parametros,
  12. 			url:"suma.php",
  13. 			type:"post",
  14. 			beforeSend: function(){
  15. 				console.log("Se esta procesando la peticion");
  16. 			}
  17. 		})
  18. 		.done(function(data){
  19. 			$('#resultado').text(data)
  20. 			//console.log(data)
  21. 		})
  22. 	}
  23. });
  24.  

y este en php que es el que supuestamente tiene que hacer la suma:

Código
  1. <?php
  2. 	$resultado = $_POST['val1'] + $_POST['val2'];
  3. 	echo $resultado;
  4. ?>
  5.  

y por ultimo mi html:

Código
  1. <!DOCTYPE html>
  4. 	<meta charset="utf-8">
  5. 	<title>Hola</title>
  6. </head>
  7.  
  9. <center><h1>Ejemplo Ajax</h1></center>
  10. <input type="text" id="valor1">
  11. <input type="text" id="valor2">
  12. <input type="submit" id="ejecutar" value="Sumar">
  13.  
  14. <h3 id="resultado"></h3>
  15.  
  16. <script src="js/jquery-3.2.1.min.js">
  18. <script src="js/main.js"></script>
  19. </body>
  20. </html>
  21.  

el error que me tira la consola es el siguiente: ReferenceError: sumar is not defined, me dice que es en la linea 3:3
En línea
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: Problema con jQuery peticion Ajax
« Respuesta #1 en: 4 Octubre 2017, 03:19 am »
Estás declarando suma dentro de la función anónima, al momento de realizarse probablemente no esté en ese scope (porque es un evento disparado)
En línea
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
Ali Baba


Desconectado Desconectado

Mensajes: 310


Ver Perfil WWW
Re: Problema con jQuery peticion Ajax
« Respuesta #2 en: 4 Octubre 2017, 03:23 am »
Entonces debo colocar el resto del codigo dentro de la funcion anonima?
En línea
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: Problema con jQuery peticion Ajax
« Respuesta #3 en: 4 Octubre 2017, 03:24 am »
Cita de: magodiesan en  4 Octubre 2017, 03:23 am
Entonces debo colocar el resto del codigo dentro de la funcion anonima?

Que resto? Si está todo dentro de la función anónima

Tienes que pasar sumar al scope global
En línea
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: Problema con jQuery peticion Ajax
« Respuesta #4 en: 4 Octubre 2017, 03:27 am »
Tu función se llama "suma" pero invocas "sumar". Linea 6 y 3 respectivamente.

Saludos
En línea
Ali Baba


Desconectado Desconectado

Mensajes: 310


Ver Perfil WWW
Re: Problema con jQuery peticion Ajax
« Respuesta #5 en: 4 Octubre 2017, 03:29 am »
Ya lo arregle, el error era que la funcion se llamaba sumar, mientras que yo le habia puesto suma. Gracias por la ayuda Engl lex
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Problema en Jquery (ajax) « 1 2 »
Desarrollo Web 		:ohk<any> 11 6,452 Último mensaje 15 Julio 2014, 23:00 pm
por MinusFour
Notificaciones con Ajax Y jQuery
Desarrollo Web 		freespace16 4 5,401 Último mensaje 20 Julio 2016, 17:20 pm
por 50l3r
Duda con jQuery, Ajax, PHP
Desarrollo Web 		Arm144 2 2,061 Último mensaje 10 Marzo 2017, 22:47 pm
por Herminio0
Petición Ajax con clases javascript
Desarrollo Web 		adryprog 1 2,310 Último mensaje 7 Septiembre 2017, 17:12 pm
por adryprog
Problema al modificar datos - Jquery Ajax PHP
PHP 		ka0s 1 2,653 Último mensaje 16 Noviembre 2017, 11:59 am
por ka0s
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines