JSFiddle - React, Tailwind, and code Playground
HTML
<div id="res1"></div>
<div id="res2"></div>
<div id="res3"></div>
JavaScript
////////////////////////////////////////////////////////////////////////
//LJSD //
//No le hagas caso a esta parte Es solo un Ejemplo //
//ya que no se permiten solicitudes Ajax a dominios distintos //
//sin cierto permiso //
////////////////////////////////////////////////////////////////////
$ = function(a){
var e = document.querySelectorAll(a);
e.serialize = function(){}
return e
}
toHTML = function(a){
a = a.replace(/[<|>]/g,function(a,b,c){if(a == "<"){return "<"}else if(">"){return ">"}})
return a
}
$.ajax = function(a){
var respuesta = "<div><div id='R1'>Primera Respuesta</div><div id='R2'>Segunda Respuesta</div><div id='R3'>Tercera Respuesta</div></div>" //Ejemplo de la respuesta que da el Servidor
document.body.innerHTML += "<br>Respuesta usada: <code>"+toHTML(respuesta)+"</code>"
a.success(respuesta)
}
/////////////////////////////////////////////////////////////////////
//Aqui Comienza lo que te habia explicado
url = "http://..."
$.ajax({
type:"POST",
url:url,
data:$("#form_rc").serialize(),
success:function(data){
//Creo un div y lo encierro en una variable
var div = document.createElement("div")
div.innerHTML = data //la espuesta la almaceno en ese div
//obtengo con javascript el indice de los elementos
//donde pondre la respuesta
e1 = document.getElementById("res1")
e2 = document.getElementById("res2")
e3 = document.getElementById("res3")
//ubico en el div que habia creado, las respuestas y
//de una vez descargo el contenido de las respuestas
//en sus respectivos contenedores
e1.innerHTML = div.querySelector("#R1").innerHTML
e2.innerHTML = div.querySelector("#R2").innerHTML
e3.innerHTML = div.querySelector("#R3").innerHTML
}
});