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.

  • Realice requestes CORS Ajax utilizando XMLHttpRequest
  • ¿El intercambio de resources de origen cruzado (CORS) diferencia entre HTTP y HTTPS?
  • Acceda a CouchDB con XHR usando Javascript
  • Cargar file con Ajax XmlHttpRequest
  • Javascript / AJAX no funciona en Opera, funciona perfectamente en FF / IE / Chrome
  • Pasar valor incluyendo espacios en llamada Ajax
  • ¿Es seguro eludir la protección CSRF para XHR? (Rieles)
  • ¿Es posible modificar los datos XMLHttpRequest desde la callback beforeSend?
  • XMLHttpRequest siempre llama a "load" event listener, incluso cuando la respuesta tiene un estado de error
  • dojo dos requestes xhr y function de callback activadas solo cuando ambas están completas
  • RxJS sondeo para actualizaciones de filas en desplazamiento infinito
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.