Eu quero usar uma URL para uma solicitação GET e exibir os resultados. Os dados que eu quero retornar estão em JSON.
Eu continuo recebendo uma string vazia ou um valor nulo. Acho que fiz tudo certo até agora, mas agora estou preso.
Estou recebendo algo de volta do servidor? Ou eu não estou saindo corretamente?
<html>
<meta charset="UTF-8">
<head>
</head>
<title>Search</title>
<!-- include jquery libary -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><form><buttontype="button" id="btnGo">GO</button>
<input type="text" name="ISBN" id="goText">
</form>
<script type="text/javascript"></script>
<script>
// run this script when button is clicked
// Use user input in http get request for book price then display
$("#btnGo").click(function(){
var url = "http://booksrun.com/api/price/sell/1464108730?key=31u8ebhn43otn4uwa9df";
var bookInfo = new XMLHttpRequest();
try{
bookInfo.open('GET', url, true);
bookInfo.withCredentials = false;
bookInfo.responseType = "";
bookInfo.send();
bookInfo.onreadystatechange = function(){
console.log("Ready State: " + bookInfo.readyState + " Status Text: " + bookInfo.statusText + " Status: " + bookInfo.status);
console.log("response : " + bookInfo.response);
}
}catch(e){
console.log("error: " + e.message);
};//end try/catch
console.log("Status Text: " + bookInfo.statusText + " Status:" + bookInfo.status);
console.log("response : " + bookInfo.response);
});//end onClick function
</script>
</html>
Tags javascript html json http jquery