es mi primera vez usando AJAX, por mas ejemplos que pongo en practica, no logro hacer que AJAX envíe a PHP una variable, en cambio si se comunica con el archivo PHP, pero cuando doy alert(data);
me sale el html de mi pagina .php, en lugar de mostrarme la variable que le pase como parámetro.
Este es el puro AJAX
$.ajax(
{
type: "POST",
url: 'IPE.php',
data: { textValue : textValue }, //intentando pasar textValue que deberia valer 10:10 pero me da el html de ipe.php
success: function(data){
alert(data);//html ipe.php
alert(textValue);//si vale 10:10
}
Que esta dentro de este dialogo (dialogo.js)
$(function () {
$('#myTextBox').mask('00:00');
//Set up the dialog box
$("#myDialog").dialog({
autoOpen: false,
modal: true,
title: "Escriba en formato HH:mm",
buttons: {
'Agregar': function () {
var textValue = $('#myTextBox').val();// valor 10:10
var validTime = textValue.match(/^([0-9]*):[0-5][0-9]$/);
if (!validTime) {
alert('El formato ingresado no es correcto');
} else {
alert(textValue);
$.ajax(
{
type: "POST",
url: 'IPE.php',
data: { textValue : textValue }, //intentando pasar textValue que deberia valer 10:10 pero me da el html de ipe.php
success: function(data){
alert(data);//html ipe.php
alert(textValue);//si vale 10:10
}
});
$(this).dialog('close');
$('#myTextBox').val("");
}
//Now you have the value of the textbox, you can do something with it, maybe an AJAX call to your server!
},
'Cancelar': function () {
$(this).dialog('close');
$('#myTextBox').val("");
}
}
});
//Open the dialog box when the button is clicked.
$('#clickMe').click(function () {
$("#myDialog").dialog("open");
});
});
Este es el html
<!DOCTYPE html>
<html>
<head>
<title>IPE (Indisponibilidad de Planta de Emergencia).</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<link href="css/jquery-ui.min.css" rel="stylesheet">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.mask.js"></script>
<script src="dialogo.js"></script>
</head>
<body>
<div style="left: 82.5%; top:3%; position: absolute;">
<input type="text" id="search" placeholder="Año..">
<div id="myDialog">
<input type="text" id="myTextBox" />
<div id="result"></div>
</div>
<p id="result"></p>
</div>
</body>
</html>
La parte de (IPE.php) que debe obtener la data de AJAX
if(isset($_POST['textValue'])) //
{
$nuevo_registro = $_POST['textValue'];
echo $nuevo_registro;
}
Cabe destacar que el html esta dentro de IPE.php