cómo utilizar ajax en jsFiddle

Estoy tratando de crear mi primer violín. Así que aquí está lo que yo quiero hacer con jquery

$('.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 tengo que escribir los códigos para test.php archivo? Va a devolver algunas etiquetas html.

OriginalEl autor ptamzz | 2011-09-10

2 Kommentare

  1. 10

    No es posible hacer una petición AJAX a un dominio distinto al actual, ya que es un buen riesgo para la seguridad.

    jsFiddle tener un API para las pruebas de peticiones AJAX que se debe utilizar en su lugar.

    OriginalEl autor Joe

  2. 4

    Aquí un trabajo el violín de lo que usted está probablemente en busca de.

    He utilizado http://echo.jsontest.com pero se puede sustituir por su dirección 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);;
        });​ 
    });
    ¿Cómo funciona esto? No debería el $.get() llamada a ser rechazado por el mismo origen de la política? /confundido
    El servidor remoto agrega este encabezado HTTP para indicar al navegador que permite la cruz solicitud de dominio Access-Control-Allow-Origin:*. Ver las cabeceras de Red de la pestaña de su navegador de la herramienta de depuración.
    echo.json.servicios/?foo=bar&baz=qux
    esto se establece en el servidor. Aquí es un node.js ejemplo, response.header("Access-Control-Allow-Origin", "*"); response.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE,OPTIONS"); response.header("Access-Control-Allow-Headers", "X-Requested-With,Content-Type");

    OriginalEl autor Eat at Joes

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea