Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/05/2015, 13:39
andres18281
 
Fecha de Ingreso: febrero-2013
Ubicación: Cali Colombia
Mensajes: 118
Antigüedad: 11 años, 2 meses
Puntos: 0
Envio con across domain CORS

Cordial Saludo.

He estado trabajando en el logueo de un usuario en un hosting donde hace la peticion a un servidor a travez de $.ajax, peticion across domain.

No se si este tema es directamente para javascript o de php, el hecho es que es union de dos tecnologias el cual he tenido un pequeño conflicto.

He estado realizando una prueba en un hosting con un input sencillo y un boton que al digitar juan esto lo envia al servidor y este valida si es correcto y lo devuelve al cliente diciendole Bienvenido.

Por favor, no me digan que es JSON en ves de JSONP, segun la pagina de jquery dice que para across domain es JSONP.... solo por aclarar ya que hay foros que dicen que no es asi sin haber revisado primero.

El hosting de esta web de prueba es
http://webpruebamail.esy.es/envio_pa...ar_across.html
Código Javascript:
Ver original
  1. <script>
  2.     $(document).ready(function(){
  3.        $("#go").on('click',function(){
  4.          var id = $("#log_id").val();
  5.          alert(id);
  6.         // var pass = ("#log_pass").val();
  7.          if(id.length > 0){
  8.            $.ajax({
  9.              dataType: 'JSONP',
  10.              crossDomain: true,
  11.              url: "envioporpost.esy.es/index.php",
  12.              type:"POST",
  13.              data:{"user":+id},
  14.              success:function(data){
  15.                 var dato = $.parseJSON(data);  
  16.                 console.log("respuesta de : "+dato);
  17.                 $("#label").html(dato);
  18.              },
  19.              xhrFields: {
  20.                 withCredentials: true
  21.              },
  22.              statusCode: {
  23.               404: function() {
  24.                 console.log( "page not found" );
  25.               },
  26.               200: function() {
  27.                 console.log( "encontrado" );
  28.               }
  29.              },
  30.              error:function(jqXHR, textStatus, errorThrown){
  31.                 console.log(jqXHR);
  32.                 console.log(textStatus);
  33.                 console.log(errorThrown);
  34.              }      
  35.  
  36.            });
  37.          }
  38.         });  
  39.     });
  40. </script>

Y el servidor retoma la peticion.

Código PHP:
Ver original
  1. <?php
  2. header('Content-Type: text/html; charset=UTF-8');  
  3. header('Access-Control-Allow-Origin: http://webpruebamail.esy.es/envio_para_probar_across.html');
  4. header('Access-Control-Allow-Methods:POST');
  5.     if(isset($_POST["user"]) and $_POST["user"] =="juan"){
  6.  
  7.         echo "Bienvenido";
  8.     }
  9. ?>