[SOLUCIONADO] Llamar a un archivo php por ajax

[javierconesa23]

Hola de nuevo, tengo que llamar a un archivo php por "AJAX" para introducirlo dentro de un modal y no tengo ni idea de como se hace .el archivo es el siguiente:

Código PHP:

define('USERPWD','echidna\jconesa:jconesa'); // Sustituir xxx por la contraseña del servidor 
include("NTLMStream.php");  
include("NTLMSoapClient.php");
 
stream_wrapper_unregister('http');
stream_wrapper_register('http','NTLMStream') or die("Fallo al registrar protocolo");
$pageURL =  'http://128.20.1.1:7047/DynamicsNav/WS//1%20TPS-N_LAB/Page/WTADistribuciones'; // El Web Service 
 
$page = new NTLMSoapClient($pageURL);
$client = new NTLMSoapClient($pageURL);
 
$params = array('filter' => array( 
                                    array('Field' => 'Num_cliente', 
                                          'Criteria' => '101222'),
                                         ), 
                'setSize' => 0); 
$result = $page->ReadMultiple($params);
$incidencias = $result->ReadMultiple_Result->WTADistribuciones;
stream_wrapper_restore('http');
$result = $client->ReadMultiple($params); // El método del Web Service 
 
/* if (is_array($incidencias)) { 
  foreach($incidencias as $cust) { 
echo '<table border=1>';
 
echo $cust->Num_contrato;
 
 
  } 
} 
if (is_array($incidencias))
{
    echo '<table border=1>';
    echo '<select>';
    foreach($incidencias as $cust)
    {
        echo '<option>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</table>';
} */
 
if (is_array($incidencias)) 
{   echo '<div class="form-group">';                            
    echo '<label class="col-sm-3 control-label">Contratos</label>';
    echo '<div class="col-sm-5">';  
    echo '<select name="contratos" class="selectboxit">';
    foreach($incidencias as $cust) 
    { 
        echo '<option value>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</div>';
}
 
 
 
die();      
?>
 

Alguna ayuda o guia de iniciacion para empezar con esto!!!???

[homeres]

Hola Javier,

desde el fichero que quieras llamar a tu fichero PHP tienes que poner el código AJAX para hacer que la página, al enviar el formulario, se quede esperando la respuesta de la página PHP que quieres llamar con AJAX.

Un código de ejemplo sería este:

Código:

// INTERCEPTAMOS EL FORMULARIO
$('#iddetuform').submit(function() {
        var page = $(this).attr('data');        
        var dataString = 'page='+page;
	  // Enviamos el formulario usando AJAX
		$.ajax({
			type: 'POST',
			url: $(this).attr('action'),
			data: $(this).serialize(),
			// Mostramos un mensaje con la respuesta de ASP
			success: function(data) {
				$('#divDondeQuieresMostrarElficheroPHP').html(data);
			}
		}) 
		return false;
});

Espero que lo entiendas y te sirva, un saludo.

[hechicerd0]

Algún botón al darle click pongamos que tiene que realizar una función ajax, por lo que:

Código Javascript:

$("#iddelboton").click(function(){
$.ajax({
  method: "POST", //Elige get o post
  url: "tuarchivo.php",
  data: { name: "John", location: "Boston" } //parametros que desees enviarles
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg ); //que hace al acabar el archivo.
  });
 });
 

P.D: Ten integrado jquery en la página.

[javierconesa23]

par a explicarme mejor ::
tengo un html , el cual implemento un modal(bootstrap) postee esta duda porque al hacer un inlude del php en html el modal no se mostraba (bueno no se mostraba nada) entonces me recomendaron llamar a al php por ajax
Te muestro el html(una parte solo poruqe es muy largo>)

Código PHP:

<div id="myModal2" class="modal fade" role="dialog">
          <div class="modal-dialog">
         
            <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
              
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Autorizacion de Matrículas</h4>
              </div>
              <div class="modal-body">
              
                    <form class="form-horizontal">
     
                    <div class="form-group">
<?      
define('USERPWD','echidna\jconesa:jconesa'); // Sustituir xxx por la contraseña del servidor 
include("NTLMStream.php");  
include("NTLMSoapClient.php");
 
stream_wrapper_unregister('http');
stream_wrapper_register('http','NTLMStream') or die("Fallo al registrar protocolo");
$pageURL =  'http://128.20.1.1:7047/DynamicsNav/WS//1%20TPS-N_LAB/Page/WTADistribuciones'; // El Web Service 
 
$page = new NTLMSoapClient($pageURL);
$client = new NTLMSoapClient($pageURL);
 
$params = array('filter' => array( 
                                    array('Field' => 'Num_cliente', 
                                          'Criteria' => '101222'),
                                         ), 
                'setSize' => 0); 
$result = $page->ReadMultiple($params);
$incidencias = $result->ReadMultiple_Result->WTADistribuciones;
stream_wrapper_restore('http');
$result = $client->ReadMultiple($params); // El método del Web Service 
 
/* if (is_array($incidencias)) { 
  foreach($incidencias as $cust) { 
echo '<table border=1>';
 
echo $cust->Num_contrato;
 
 
  } 
} 
if (is_array($incidencias))
{
    echo '<table border=1>';
    echo '<select>';
    foreach($incidencias as $cust)
    {
        echo '<option>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</table>';
} */
 
if (is_array($incidencias)) 
{   echo '<div class="form-group">';                            
    echo '<label class="col-sm-3 control-label">Contratos</label>';
    echo '<div class="col-sm-5">';  
    echo '<select name="contratos" class="selectboxit">';
    foreach($incidencias as $cust) 
    { 
        echo '<option value>'.$cust->Num_contrato.'</option>';
    }
    echo '</select>';
    echo '</div>';
}
 
 
 
die();      
?>          
                    
     
                        
                          
                        <div class="form-group">
                            <label class="col-sm-3 control-label" for="formGroup"></label>
                            <div class="col-sm-8">
                              
                            <button type="submit" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-floppy-saved"><a href="tables-datatable3.html"></span> Guardar</button>  
                            
                            
                            <button type="button" class="btn btn-danger btn-lg"><span class="glyphicon glyphicon-remove-circle"></span> Cancelar</button>
                             </div>
     
     
                            </div>
                          </div>
     
     
     
            </form>   
                
              </div>
             
              </div>
            </div>
         
          </div>
        </div>
 

como veras el php esta entre medio, tambien he probado con un include como te dije.
a este modal sel le llama mas tarde por el id=
Entonces segun me explicas tengo que pegar el codigo ajax en la cabecera del html??? en que parte el codigo AJAX llama al fichero php??

Disculpa la poca experiencia en este lenguaje!!!

[hechicerd0]

Todo lo que necesites de PHP con la información del formulario lo separas en un archivo, ese archivo será al que llamarás con la información del formulario por $_POST o $_GET.

El MODAL, debes tenerlo donde está el formulario, es decir.

Pagina html: Modal y Formulario + Script de ajax.
Pagina php: Contiene los datos del formulario y ejecuta ciertas acciones.
Ajax llama a pagina php y hace luego lo que tu le programes, que el contenido se imprima dentro de un div, que el color del titulo de la pagina sea negro etc.

[javierconesa23]

Es que el formulario es el php. Es decir el php hace la funcion de llamar a un webservice el cual le responde con unos datos , esos datos les doy estilo en el php para que se muestren dentro de un selec(un desplegable ) y eete desplegable quiero que se muestre en el modal.
He copiado el script queme has posteado anteriormente y cambiando claro por mis datos dejandolo asi:

Código Java:

<script>        
$("#myModal2").click(function(){
$.ajax({
  method: "GET", //Elige get o post
  url: "contratos3.php",
  data: { name: "John", location: "Boston" } //parametros que desees enviarles
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg ); //que hace al acabar el archivo.
  });
 });
 </script>
 

Lo que me crea esto es que cuando abro el modal no se ve nada. solo el modal vacio. y cuando cierro el modal , el navegador me muestra un mensaje que( una de esos mensajes que muestra chrome cuando te pregunta si quieres instalar una extension)y dentro del mensaje esta todo el codigo del php.
O sea que algo estoy haciendo mal

[hechicerd0]

Claro, el modal está vacío porque no le estás introduciendo nada.

Ejemplo:

Código HTML:

<type input="text" id="nombre">
<type input="text" id="location">
<button id="botonparawebservice" value="guardar">
 
<div modal blablabla lo que tenga el modal>
<div interiordelmodal id="modalmensaje">
 
</div>
<div final modal blablala>
</div>
</div>
 

Código Javascript:

$("#botonparawebservice").click(function(){
var nombre = $("#nombre").val();
var location =  $("#location").val();
$.ajax({
  method: "GET", //Elige get o post
  url: "contratos3.php",
  data: { name: nombre, location: location } //parametros que desees enviarles
})
  .done(function( msg ) {
   $("#modalmensaje").html(msg); <------------
  });
 });
 

[javierconesa23]

El div donde va el mensaje no tiene id , le he creado uno asi:

Código PHP:

<div class="form-group" id="divmodal">
 

pero ahora no hace nada ni siquiera el mensaje de antes del navegador, tambien me preocupa la linea data, me dices que son parametros que deseo enviar pero yo no quiero enviar ningun parametro o es que no lo entiendo. en fin ahora lo tengo asi :

Código PHP:

$("#myModal2").click(function(){
$.ajax({
  method: "POST", //Elige get o post
  url: "contratos3.php",
  data: { name: "John", location: "Boston" } //parametros que desees enviarles
})
  .done(function( msg ) {
   $("#divmodal").html(msg); 
$("
  });
 });
 

y asi no hace nada , sigue mostrando el modal vacio.

[hechicerd0]

Si no deseas inviarle parametros saca la linea de data simplemente.

Tienes que hacer una función que al darle click a donde tu quieras (ponle un botón o algo), ABRA el modal Y cargue los datos del archivo php y los ponga dentro del modal.
(Si el modal está ya abierto, debes habilitar algún tipo de botón para que cargue algo)

El div donde cargar los datos debe ser este:
<div class="modal-body">

Ponle un ID, borra el contenido por javascript .empty(), luego carga lo que te de el archivo php .html(msg);

Para mirar que no peta nada, apreta F12 en tu explorador y en network saldrá cuando mandes la función, mirate que está pasando por ahí para arreglar posibles errores.

Ejemplo:

<aqui tengo el modal escondido>

<aqui tengo un boton para que se vaya al script>

<aqui tengo un script para que al darle click al boton, abra el modal y cargue el contenido dentro de un div del mismo por ajax>.

[javierconesa23]

yo diria que ya lo tengo ,
en el html el boton es este:

Código HTML:

<a class="btn btn-primary">
    <i class="entypo-plus" data-toggle="modal" data-target="#myModal2">Autorizar Matrículas</i>
    
</a>
 

este boton se muestra en la web , le hago click y se abre el modal que tiene esta estructurA:

Código HTML:

<div id="myModal2" class="modal fade" role="dialog">
          <div class="modal-dialog">
         
            <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
              
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Autorizacion de Matrículas</h4>
              </div>
              <div class="modal-body" id="mbody">
 <script type="text/javascript"> 
$("#myModal2").click(function(){
$.ajax({
  method: "POST", //Elige get o post
  url: "contratos3.php",
  
})
  .done(function( msg ) {
   $("#mbody").html(msg); 
$("
  });
 });
 </script>
              
                    <form class="form-horizontal">
     
                    <div class="form-group" id="divmodal">
 
                    
     
                    
                          
                        <div class="form-group">
                            <label class="col-sm-3 control-label" for="formGroup"></label>
                            <div class="col-sm-8">
                              
                            <button type="submit" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-floppy-saved"><a href="tables-datatable3.html"></span> Guardar</button>  
                            
                            
                            <button type="button" class="btn btn-danger btn-lg"><span class="glyphicon glyphicon-remove-circle"></span> Cancelar</button>
                             </div>
     
     
                            </div>
                          </div>
     
     
     
            </form>   
                
              </div>
             
              </div>
            </div>
         
          </div>
        </div>
 

y en el modal cuando le hago el click y muestra el modal , solo hay el boton de guardar y cancelar.
con f12 no muestra errores ni funciones

[hechicerd0]

El botón tiene que ser así:

<button class="btn btn-primary" id="BOTONPARAABRIRMODAL">
<i class="entypo-plus">Autorizar Matrículas</i>
</button>
El script tiene que estar fuera del modal, abajo del botón:

Código Javascript:

<script type="text/javascript"> 
$("#BOTONPARAABRIRMODAL").click(function(){
$.ajax({
  method: "POST", //Elige get o post
  url: "contratos3.php",
  
})
  .done(function( msg ) {
   $("#mbody").html(msg); 
 $("#myModal2").show();
  });
 });
 </script>
 

[javierconesa23]

OKKK!!! Ahora si solo que no hay que quitar las clases del boton porque si no se bloquea
<i class="entypo-plus" data-toggle="modal" data-target="#myModal2">Autorizar Matrículas</i>
y otros modals que tengo se quedan sin funcionar no se porque pero en resumen,MUCHAS GRACIAS por todo ,
Nos vemos por el foro!!!

[javierconesa23]

pOR CIERTO COMO VAS DE PHP ?? por que tengo un tema tambien bastante colgado:
http://www.forosdelweb.com/f18/hacer...login-1140583/