Я знаю, что это настолько простой код, но почему-то он не работает.Что я должен сделать, так это вызвать GET API:
https://api.upcitemdb.com/prod/trial/lookup?upc=4011200296908
Я хочу вызвать этот HTML-код с помощью JavaScript или Jquery.Я перепробовал много вещей, но это не работает.Следующий код, который я применил, но он не работает:
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="loadDoc()">Request data</button>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
alert("responseText" + this.responseText);
} else {
alert("Error");
}
};
xhttp.open("GET", "https://api.upcitemdb.com/prod/trial/lookup?upc=4011200296908", true);
xhttp.send();
}
</script>
</body>
</html>
Я также пытался вызвать тот же API с Jquery, используя Ajax.Ниже приведен код для того же:
<!DOCTYPE html>
<html>
<body>
<header>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</header>
<button type="button" onclick="loadDoc()">Request data</button>
<script>
function loadDoc() {
$.ajax({
url:"https://api.upcitemdb.com/prod/trial/lookup?upc=4011200296908",
success:function(response){
alert(response);
},
error: function() {
alert("Error");
}
});
}
</script>
</body>
</html>