k_lutz
Giga Sage
In response to ShrinivasprN

‎08-20-2025 06:14 AM

Can you try this version of your UI Page (attached). Also...have you confirmed your REST call is working by trying it independent of the UI Page calling it?

 

<html>
<head>
<script>
function fetchIncident() {
var pbiId = document.getElementById("pbi_input").value;
if (!pbiId) {
alert("Please enter a PBI ID.");
return;
}

var ga = new GlideAjax('ADOIncidentFetcher');
ga.addParam('sysparm_name', 'fetchPBI');
ga.addParam('sysparm_pbi_id', pbiId);
ga.getXMLAnswer(function(response) {
console.log("Response from server:", response);

var resultDiv = document.getElementById("result");
try {
var data = JSON.parse(response);

if (data.error) {
resultDiv.innerHTML = `<p style="color:red;">Error: ${data.error}</p>`;
} else {
resultDiv.innerHTML = `
<table border="1" style="border-collapse: collapse;">
<tr><th>ID</th><td>${data.id}</td></tr>
<tr><th>Title</th><td>${data.title}</td></tr>
<tr><th>State</th><td>${data.state}</td></tr>
<tr><th>Work Item Type</th><td>${data.workItemType}</td></tr>
</table>
`;
}
} catch (e) {
resultDiv.innerHTML = `<p style="color:red;">Invalid JSON response: ${e.message}</p>`;
}
});
}
</script>
</head>
<body>
<h2>Get ADO PBI / Incident Details</h2>
<label for="pbi_input">Enter PBI ID: </label>
<input type="text" id="pbi_input" />
<button onclick="fetchIncident()">Fetch</button>
<hr/>
<div id="result"></div>
</body>
</html>

 

0 Helpfuls