How to return data from a consulate via JSON?

I send a variable by AJAX to another form and in this form, I make a request to the comic. For a while, this query contains the information I need and I try to return it to the form so that it appears in a table.

By console, he shows me the data that I'm trying to send back, but in the table he shows me nothing. I based myself on an example that I found by google but I was not able to adapt it and make it work.

Example of ajax returning a JSON object

This is the first time I use AJAX with JSON.

* {
font family: "Signika Negative", sans-serif;
}

div.caja-uno {
/ * Green background; * /
display: block;
margin: 0 auto;
width: 100%;
}
div.container {
/ * bottom: yellow; * /
border-radius: 5px;
border: solid 2px # 000;
margin: 0 auto;
width: 50%;
}

div.container> h2 {
left margin: 11px;
text-align: center;
}

div.container> hr {
height: 1px;
left margin: 11px;
position: absolute;
top: 50 px;
background color: # 333333;
border: 0;
color: # cc0000;
display: block;
width: 750px;
}
div.elementos {
display: block;
margin: 0 auto;
text-align: center;
width: 50%;
}

div.elements> entrance[type=text]{
border-radius: 3px;
border: solid 1px # 000;
font size: 17px;
height: 30px;
text-transform: upper case;
width: 80%;
}
div.elements> entrance[type=submit]{
background: rgba (35,70,245,100);
border-radius: 3px;
border: 0;
color: #fff;
display: block;
height: 30px;
margin: 0 auto;
width: 80px;
lower margin: 30 px;
top margin: 25 px;
}
div.elements> entrance[type=submit]: hovering {
cursor: pointer;
}

table {
width: 90%;
margin: 0 auto;
top margin: 20px;
}

table, th, td {
border: black 2px;
collapse of the border: collapse;
}
th, td {
Padding: 5px;
text-align: center;
}

/ * RESPONSIBLE DESIGN * /


Screen @ media and (maximum width: 768 pixels) {
div.caja-uno {
width: 100%;
top margin: 50px;
}
div.container {
width: 90%;
margin: 5%;
}
div.container> h2 {
text-align: center;
}
div.elements> entrance[type=text]{
width: 80%;
}

table, thead, tr, th, tbody, td {
display: block;
}

thead tr {
position: absolute;
at the top: -9999px;
left: -9999px;
}

td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding left: 50%;
}
td: before {
position: absolute;
at the top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white space: now;
}
td: nth-of-type (1): before {content: "Name"; }
td: nth-of-type (2): before {content: "Identification"; }
td: nth-of-type (3): before {content: "Cargo"; }
td: nth-of-type (4): before {content: "Contract"; }
td: nth-of-type (5): before {content: "Status"; }
td: nth-of-type (6): before {content: "Salary"; }
td: nth-of-type (7): before {content: "Publication Date"; }
}
}


Screen @ media and (minimum width: 1024 pixels) {
div.caja-uno {
width: 100%;
top margin: 50px;
}
div.container {
width: 90%;
margin: 5%;
}
div.container> h2 {
text-align: center;
}
div.elements> entrance[type=text]{
width: 50%;
}
}




  
  Document
  
  
  
  
  
  
  



  

Validation of the code of authenticity

Enter the code to validate

name Identification Freight Contract State Salary Date of issue