i have a json data and coding it thru javascript. it don't appear. how to solve it?

javascript


//1. Declare API KEY
//2. Declare API ID LISTING

var API_KEY = "f01bc0bf59c98e28ccb2ac36c54f982860ba76cb"
var API_UNILIST = 6717

var page = $('.ListPage')

var apiCall = undefined

//3. Communicate with API Manager
callApi(API_UNILIST,API_KEY,"get")
.then(function (result) {
if(!(result.data instanceof Array)) {
alert("Gagal muat turun senarai universiti. Sila cuba lagi.")
} else if(!result.data.length) {
page.append("<div class=\"emptyText\">Tiada rekod universiti anda</div>")
updateScroller()
} else {
result.data.forEach(function (tblpakar) {
//4. Manipulate data
var idpakar = tblpakar.idpakar


var newBlock = $("<div class='block'>")

.append("<div class='row officialName custom_fontTitle'>"+tblpakar.idpakar+"</div>")

.append("<div class='row officialName custom_fontTitle'><hr></div>")
page.append(newBlock)

})

updateScroller()
}
},
function (result) {
alert("Gagal muat turun senarai universiti. Sila cuba lagi.")
}
)




$("#yourForm").submit(function(event) {

/* stop form from submitting normally */
event.preventDefault();

/* get some values from elements on the page: */
var apikey = 'f01bc0bf59c98e28ccb2ac36c54f982860ba76cb';

/* Send the data using get */
var request = request = $.ajax({
url: http://api.gamma.malaysia.gov.my/id/6723,
type: GET,
data: {},
dataType: "html",
beforeSend:
function (xhr) {
xhr.setRequestHeader('Authorization', apikey)
; }
});

request.done(function(data) {
var response = JSON.parse(data, undefined, 2);
$( "#yourResult" ).html(response);
});

/* callback handler that will be called on failure */
request.fail(function( jqXHR, textStatus ) {
alert( "Request failed: " + textStatus );
});

});