enviar datos por ajax y devolver otro archivo

[trevol]

Bien amigos os expongo lo mejor que pueda mi problema. Necesito enviar datos a una pagina que me hace un insert into para introducir un registro, hasta aquí va bien. El problema viene cuando pretendo mostrar el resultado de esa acción, yo quiero cargar
una pagina donde se encuentra una consulta a la base de datos y mostrarla con este registro ya incluido, pero no se como. Os pongo el código que tengo para enviar los datos de un formulario y el resto no se que poner

Código Javascript:

$(document).on("click", " #insertar #bo", function(){
        $.post("insertar_pelicula.php", {
 
            "titulo":$("#insertar #titulo").val(),
            "director":$("#insertar #director").val(),
            "fecha":$("#insertar #fecha").val(),
            "idtip":$("#insertar #idtip").val()
           }, function(){
                //aquí es donde me pierdo porque no se que poner 
               //para traerme el archivo donde se escribe el resultado deuna consulta a la //base de datos
            })
    
    });
 

:

gracias, si alguien puede ayudarme o facilitarme un enlace donde esto se explique se lo agradecería.

[Alexis88]

Si te refieres a cargar el resultado de esa consulta posterior (luego de la inserción de datos en la base de datos) en algún elemento del archivo inicial, como puede ser un <section> o <div>, puedes hacerlo de dos formas:

1. En el archivo "insertar_pelicula.php", puedes hacer la consulta posterior y presentar los datos.

Archivo "insertar_pelicula.php":

Código PHP:

/*
    INSERT ...
*/
 
//Líneas más abajo
 
/*
    SELECT ...
*/
 

Archivo en donde se realiza la petición asíncrona (AJAX):

Código Javascript:

$.post("insertar_pelicula.php", {
    "titulo": $("#insertar #titulo").val(),
    "director": $("#insertar #director").val(),
    "fecha": $("#insertar #fecha").val(),
    "idtip": $("#insertar #idtip").val()
}, function (respuesta){
    $("#ID_del_Div").html(respuesta);
});
 

2. El archivo "insertar_pelicula.php" puede devolver un valor que determine si se realizó la inserción. En el archivo inicial (en donde hacer la petición asíncrona o AJAX), evalúas dicha respuesta y ahí mismo realizas una segunda petición asíncrona a otro archivo en el que realizarás dicha consulta posterior.

Archivo "insertar_pelicula.php":

Código PHP:

/*
    INSERT ...
*/
 
//Líneas más abajo
 
/*
    if ($resultado_insert){
        echo 'OK';
    }
    else{
        echo 'ERROR';
    }
*/
 

Archivo en donde se realiza la petición asíncrona (AJAX):

Código Javascript:

$.post("insertar_pelicula.php", {
    "titulo": $("#insertar #titulo").val(),
    "director": $("#insertar #director").val(),
    "fecha": $("#insertar #fecha").val(),
    "idtip": $("#insertar #idtip").val()
}, function (respuesta){
    if (respuesta == "OK"){
        $("#ID_del_Div").load("otro_archivo.php");
    }
    else{
        alert("Se produjo un error");
    }
});
 

Incluso podrías enviar a "otro archivo.php" una lista de valores devuelta por "insertar_pelicula.php" al archivo inicial, claro, si es que así fuera necesario.

Archivo "insertar_pelicula.php":

Código PHP:

/*
    INSERT ...
*/
 
//Líneas más abajo
 
/*
    if ($resultado_insert){
        echo json_encode([
            'estado' => 'OK',
            'variableA' => 'valorA',
            'variableB' => 'valorB',
            'variableC' => 'valorC'
        ]);
    }
    else{
        echo json_encode(['estado' => 'ERROR']);
    }
*/
 

Archivo en donde se realiza la petición asíncrona (AJAX):

Código Javascript:

$.ajax({
    url: "insertar_pelicula.php",
    type: "post",
    data: {
        "titulo": $("#insertar #titulo").val(),
        "director": $("#insertar #director").val(),
        "fecha": $("#insertar #fecha").val(),
        "idtip": $("#insertar #idtip").val()
    },
    dataType: "json"
}).done(function(respuesta){
    if (respuesta.estado == "OK"){
        $("#ID_del_Div").load("otro_archivo.php", {
            variableA: respuesta.variableA,
            variableB: respuesta.variableB,
            variableC: respuesta.variableC
        });
    }
    else{
        alert("Se produjo un error");
    }
});
 

Archivo "otro_archivo.php":

Código PHP:

$variableA = $_POST['variableA'];
$variableB = $_POST['variableB'];
$variableC = $_POST['variableC'];
 
//Aquí puedes realizar la consulta posterior usando las variables de arriba
 

[trevol]

Gracias alexis 88 me acabas de dar una master class. Muy bien explicado. te felicito.