2011-09-10 6 views
12

Intento crear mi primer violín. Así que esto es lo que quiero hacer con jQuerycómo usar la solicitud de ajax en jsFiddle

$('.list').live('click', function(){ 
    var dataPass = 'uid='+ uid; 
    $.ajax({ 
     type: "POST", 
     url: "test.php", 
     data: dataPass, 
     cache: false, 
     success: function(html){ 
      //Do something 
     } 
    }); 
}); 

Entonces, ¿cómo/dónde puedo escribir los códigos para test.php archivo? Va a devolver algo de marcado HTML.

Respuesta

10

No es posible realizar una solicitud AJAX a un dominio que no sea el actual, ya que es un riesgo de seguridad bastante básico.

jsFiddle tienen un API para probar las solicitudes AJAX que debe usar en su lugar.

4

Aquí hay un fiddle de lo que probablemente estés buscando.

He utilizado http://echo.jsontest.com pero puede sustituir su URL válida.

var echo = function(dataPass) { 
    $.ajax({ 
     type: "POST", 
     url: "/echo/json/", 
     data: dataPass, 
     cache: false, 
     success: function(json){ 
      alert("UID=" + json.uid + "\nName=" + json.value); 
     } 
    }); 
}; 

$('.list').live('click', function(){ 
    $.get("http://echo.jsontest.com/uid/12345/value/nuno_bettencourt", function(data) { 
     var json = { 
      json: JSON.stringify(data), 
      delay: 1 
     }; 
     echo(json);; 
    });​ 
}); 
+0

¿Cómo funciona? ¿No debería la convocatoria $ .get() ser rechazada por la misma política de origen?/confused – rych

+0

El servidor remoto agrega este encabezado HTTP para indicar al navegador que permite la solicitud de dominio cruzado 'Access-Control-Allow-Origin: *'. Vea los encabezados en la pestaña Red de la herramienta de depuración de su navegador. – oldwizard

+0

http://echo.json.services/?foo=bar&baz=qux – Falci

Cuestiones relacionadas