jquery AJAX NO ejecuta archivo php

[nickojav21]

Hola a todos como estan vengo a ustedes con esta duda, estoy intentando ejecutar un archivo php para insertar datos en la base de datos pero no logro que se ejecute.


Este es el codigo que tengo:

Código:

<!-- Funciones para mostrar el formulario de agregar Producto -->
 <script>
$(document).ready(function(){
   $(function (){
		 $("#FrAgregarProducto").dialog({
				autoOpen: false,
				modal: true,
			 	width: 600,
			 	height: 525,
			 	resizable: "false",
			 	position: "center"
		   });

		// Funcion Boton Agregar del listado del listado producto 
		 $("#btMostarAgregar").button().click(function(){
			$("#FrAgregarProducto").dialog("open");	
		  });
		 
		 // Funcion Boton Cancelar del formulario para agregar Productos
		 $("#BtCancelar").button().click(function(){
			$("#FrAgregarProducto").dialog("close");
		  });
		 
		// Funcion Boton Agregar Producto del formulario para agregar Productos
		 $("#btAgregarProductos").click(function(){
		 	var datos = $("#FrAgregarProducto").serialize();
		 	
		 	$.ajax({
		 		beforesend: function(){
		 			$("#ajaxCarga").show();	
		 		},
		 		cache: false,
		 		type:"POST",
		 		datatype:"json",
		 		url:"productosAccionAgregar.php",
		 		data:datos,
		 		async: false,
		 		succes: function(){
		 			$("#ajaxCarga").hide();	
		 		},
		 		error:function(){
		 			alert('Error de sistema, No se puede completar accion, por favor intentelo mas tarde');
		 		}
		 	});
		 	return false;
		 });

		
   });	
});
</script>

este es el codigo javascript qiue tengo y estoy usando Jquery 1.4.2 no se si tenga algo que ver pero igual lo mensiono por si las dudas.

gracias y espero sus respuestas