I am calling a Web API using javascript, I have an aspx label element with id "blbtest".
<asp:Label ID="blbtest" Text="" runat="server ClientIDMode="Static">
I want to store the value of the name variable in this label but I get an error
This is the js code:
var request = new XMLHttpRequest;
request.open('GET', "https://hplussport.com/api/products?qty=2");
request.onload = function () {
var response = request.response;
var parsedData = JSON.parse(response);
console.log(parsedData);
var name = parsedData[0].name;
var products = document.createElement('li');
//products.innerHTML = name;
//document.body.appendChild(products);
var lbl = document.getElementById('<%=blbtest.ClientID%>');
lbl.innerText = name;
};
request.send();
The error: Uncaught TypeError: Cannot set properties of null (setting 'innerText') at XMLHttpRequest.request.onload (script.js:14:19)
The commented lines are working. But I want to display the name of the product in the label element when the page loads.
So, I tried this and it worked:)
document.getElementById('blbtest').innerHTML = name;
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.