Analizar / trabajar de forma segura con HTML desde XMLHttpRequest

Estoy escribiendo código (ahora es una extensión de Chrome, aunque puedo hacerlo en varios browseres, o trato de hacer que los propietarios del sitio incluyan la mejora) que funciona con los contenidos de un <div> particular en una página web que el el usuario está viendo, y cualquier página que sea parte del mismo hilo de discusión. Así que encuentro enlaces a las otras páginas del hilo, y los obtengo con XMLHttpRequest . Lo que quiero hacer es simplemente poder usar .getElementsByClassName('foo') en la página resultante.

Sé que puedo hacerlo cargando los resultados de la request en un div (es decir, la forma óptima de extraer una URL de la página web cargada a través de XMLHTTPRequest? ). Sin embargo, mientras descubro la mejor manera de hacerlo, leo que existen problemas de security ( MDN – Análisis simple de HTML simple a DOM ).

En este caso, no estoy seguro de que importe mucho, ya que la extensión solo cargaría una página del mismo hilo de comentarios que el usuario ya estaba viendo, pero aún me gustaría hacerlo de la manera correcta.

Entonces, ¿cuál es la forma correcta de trabajar con HTML desde XMLHttpRequest ?

PD: si la mejor respuesta es jQuery, dígame eso, pero aún no he empezado a usar jQuery, y también me gustaría conocer los fundamentos aquí.

Editar: No sé por qué networkingacté las cosas de la forma en que lo hice, pero déjenme ser más claro de que realmente espero una respuesta que no sea de JQuery. He estado tratando de aprender los conceptos básicos de JavaScript antes de aprender JQuery y preferiría no importar un marco completo para llamar a una function cuando no entiendo lo que estoy haciendo. Eso puede parecer irracional, pero es lo que estoy haciendo por el momento.

One Solution collect form web for “Analizar / trabajar de forma segura con HTML desde XMLHttpRequest”

Como dice que no se opone al uso de jQuery, debe consultar la function de carga . Carga html desde la dirección que especifique, luego lo coloca en los elementos coincidentes. Así por ejemplo

 $("#formDiv").load("../AjaxContent/AdvSearchForm.aspx?ItemType=" + ItemType); 

../AjaxContent/AdvSearchForm.aspx el html desde ../AjaxContent/AdvSearchForm.aspx luego lo colocaría en el div con el id de formDiv

Existen parameters opcionales para pasar datos al server con la request, y también una function de callback.

  • dominio cruzado XMLHttprequest
  • Detectando si el caching de un browser está lleno
  • Javascript try-catch no capta 'Error al cargar el recurso: net :: ERR_CONNECTION_RESET'
  • FormData () XHR2
  • Mostrar una barra de progreso para download files usando XHR2 / AJAX
  • Las requestes de Safari xhr (AJAX) con redirect de dominio cruzado fallan
  • Configuración de un simulador de back-end RESTful con Sinon.js para una aplicación Angular.js
  • CORS mortal cuando http: // localhost es el origen
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.