carga de los marcos de página con Jquery AJAX

Question

Me gustaría usar $ .ajax() para solicitar una página, pero solo cargo los fragmentos de esa página. Sé que puedes especificar qué fragmentos de página quieres con .load() pero me preguntaba si esto es posible con $ .ajax.

Answer 1

Puede obtener su fragmento por correo, anexar el html a un div con pantalla: ninguno; Luego use el selector para obtener el fragmento que desea y añádalo a la región que desea visualizar.

Código Aire:

<div id="tempRegion" style="display:none;"> 

</div> 

$.ajax({ 
    url: "page.htm", 
    type: "GET", 
    success: function(results){ 

     $('#tempRegion').html(results); 

     ... 

     // Now select fragment, append to display area 
     var fragement = $('#someFragment').html(); 

     $('#displayRegion').html(fragement); 

    }) 

}); 

Answer 2

Para aquellos de ustedes que se preguntan, stoplion se refiere a esta función: Loading Page Fragments (desplácese hacia abajo en la página):

El método .load() , a diferencia de $ .get(), nos permite especificar una parte del documento remoto que se insertará. Esto se logra con una sintaxis especial para el parámetro url. Si se incluyen uno o más caracteres espaciales en la cadena, se supone que la parte de la cadena que sigue al primer espacio es un selector jQuery que determina el contenido que se va a cargar.

Dado que $ .get() no parece ser compatible, supongo que $ .ajax tampoco. Una forma sencilla de implementar esta sería la siguiente:

$.ajax({ 
    url: 'http://example.com/page.html', 
    data: {}, 
    success: function (data) { 
     $("#el").html($(data).find("#selector")); 
    }, 
    dataType: 'html' 
}); 

Esto sería el equivalente de

$("#el").load('http://example.com/page.html #selector'); 

Sin embargo, tenga en cuenta que la sintaxis especial ('#selector') significa que las secuencias de comandos presentes en el cargado HTML no se ejecutará. Consulte Script Execution en los documentos .load().

Answer 3

La solución fácil con el método de carga:

$("#menu a").click(function(){ 
    event.preventDefault(); 
    $("#container").load(this.href + " #container p"); 
    return false; 
}); 

utilizar sólo el método de Ajax para los guiones más complejos, tales como la publicación o conseguir a partir de un archivo de script PHP o JSON de lo contrario, se ralentizará su sitio web.

Answer 4

La respuesta correcta para usted es:

$.ajax({ 
    url: 'http://example.com/page.html', 
    data: {}, 
    success: function (data) { 
    $("#el").html($(data).append(data).find("#selector")); 
    }, 
    dataType: 'html' 
});