Envio con across domain CORS

andres18281 · #1 (**permalink**) 16/05/2015, 13:39

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<script>
    $(document).ready(function(){
       $("#go").on('click',function(){
         var id = $("#log_id").val(); 
         alert(id);
        // var pass = ("#log_pass").val();
         if(id.length > 0){
           $.ajax({
             dataType: 'JSONP',
             crossDomain: true,
             url: "envioporpost.esy.es/index.php",
             type:"POST",
             data:{"user":+id},
             success:function(data){
                var dato = $.parseJSON(data);   
                console.log("respuesta de : "+dato);
                $("#label").html(dato);
             },
             xhrFields: {
                withCredentials: true
             },
             statusCode: {
              404: function() {
                console.log( "page not found" );
              },
              200: function() {
                console.log( "encontrado" );
              }
             },
             error:function(jqXHR, textStatus, errorThrown){
                console.log(jqXHR);
                console.log(textStatus);
                console.log(errorThrown);
             }      
 
           });
         }
        });   
    });
</script>

Y el servidor retoma la peticion.

Código PHP:

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

enlinea777 · #2 (**permalink**) 19/05/2015, 08:11

estoy viendo tu codigo en lugar de POST tienes un GET

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-2.1.3.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>    
    <title></title>
</head>
<body>
    <input type="text" id="log_id">
    <input type="text" id="log_pass">
  <button id="go">Enviar</button>
 <script> alert(document.cookie);</script>
</body>
</html>
 
<script>
    $(document).ready(function(){
       $("#go").on('click',function(){         
         var id = $("#log_id").val(); 
         var pass = $("#log_pass").val();
         if(id.length > 0 && pass.length > 0){
           $.ajax({
             type:"GET",
             dataType: 'jsonp',
             crossDomain: true,
             url: "http://envioporpost.esy.es/verificar.php?jsoncallback=?",
             jsonpCallback: 'jsonCallback',
             data:"user="+id+"&pass="+pass,
             success:function(data){
              // data = JSON.parse(data);
               console.log(data.users);
               console.log(data.passw);
               var myDate = new Date();
               myDate.setMonth(myDate.getMonth() + 12);
               document.cookie = "user_da=" + data.users + ";expires=" + myDate 
                  +";domain=.http://envioporpost.esy.es;path=/";
               document.cookie = "pass=" + data.passw + ";expires=" + myDate 
                  +";domain=.http://envioporpost.esy.es;path=/"; 
             // var nomb = localStorage.getItem("users_d");
             // var passd = localStorage.getItem("pass_d");
              window.location.href = "http://envioporpost.esy.es";
               
             },
             xhrFields: {
              withCredentials: true
             },
             statusCode: {
              404: function() {
                console.log( "page not found" );
              },
              200: function() {
                console.log( "encontrado" );
              }
             },
             error:function(jqXHR, status, error){
                console.log(status + '; ' + error);
             }      
           });
         }
        });
    });
    
</script>