Get personal info from CURP

by Jorgelig

HTML

<img src="https://consultas.curp.gob.mx/CurpSP/captchac_u_r_p" />
<p>
  <label>Captcha</label>
  <input id="code" name="code" />
  <br/>
  <br/>

  <label>CURP</label>
  <input id="curp" name="curp" />
  <br/>
  <br/>
  <button id="btn">Cargar</button>
</p>

<div id="data">
  <iframe id="iframe">
  </iframe>
</div>
<div id="texts">
</div>
</div>

CSS

iframe,
#iframe {
  width: 100%;
  heigth: 400px;
}

JavaScript

$("#btn").on("click", function() {
  $("#data").html("");

  var captcha = $("#code").val();
  var curp = $("#curp").val();
  var url = "https://consultas.curp.gob.mx/CurpSP/curp21.do?strCurp=" + curp + "&strTipo=B&codigo=" + captcha;
  var iframe = document.createElement('iframe');
  
  iframe.onload = function() {
    setTimeout(function() {
      console.log($(iframe).find(".RenglonTablaColor"));

      $(iframe).find(".RenglonTablaColor").each(function(i, tr) {
        var label = $(tr).find("td")[0];
        var value = $(tr).find("td")[1];
        var item = label + ": " + value + "<br/>";
        alert(item);
        $("#texts").append(item);
      });

      $("#data").replaceWith(iframe);
    }, 1000);
  };
  console.log(url);
  iframe.src = url;
  $("#data").html(iframe);
  
});