It might be good practice to synchronise the GET requests - so that the second request is only made after the first is successful and so on.
For example, you might want to GET a CSRF Nonce then use the response in the next GET and then wait for a complete response before the next function.
Here's an example of a synchronous chain of requests and functions using JQuery.
.then is used to make sure the function is called only when the previous function is done, ajax and jquery handles everything else
//E:\ptc\Windchill_11.1\Windchill\codebase\netmarkets\jsp\test\getAllContexts.js
$(document).ready(function() {
$.ajax({
url:
"http://<myWindchillHost>/Windchill/servlet/odata/PTC/GetCSRFToken()",
headers: {
'Accept': 'application/json',
}
}).then(function(data) {
var req_headers = {};
req_headers['Content-Type'] = "application/json";
req_headers['Accept'] = "application/json";
req_headers['CSRF_NONCE'] = data.NonceValue;
req_headers['Task'] = "com/ptc/windchill/enterprise/report/ExecuteReportTemplate2.xml";
dashdata = {"Task":"com/ptc/windchill/enterprise/report/ExecuteReportTemplate2.xml","Params":[{"Value":"wt.query.template.ReportTemplate:657775537","Name":"object_ref","ValueSet":[]},{"Value":"1038 - some text","Name":"Context","ValueSet":[]}]};
//console.log(req_headers);
//console.log(dashdata);
$.ajax({
type: "POST",
url: "http://<myWindchillHost>:80/Windchill/servlet/odata/v1/IE/InvokeIETask?%24count=true",
headers: req_headers,
data: JSON.stringify(dashdata)
}).then(function(data2) {
for (i = 0; i < data2.value[0].Elements.length; i++) {
$('.table-content').append( "<tr><td>" + data2.value[0].Elements[i].Attributes[0].Value + "</td><td>" + data2.value[0].Elements[i].Attributes[1].Value + "</td></tr>" );
}
});
});
});
For context, this how the above request is consumed, it's a simple HTML page which lists all the names and IDs Windchill products, libraries and projects
//E:\ptc\Windchill_11.1\Windchill\codebase\netmarkets\jsp\test\getAllContexts.jsp
<!DOCTYPE html>
<html>
<head>
<title>Get All Contexts</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="getAllContexts.js"></script>
</head>
<body>
sample usage: http://<myWindchilHost>/Windchill/netmarkets/jsp/test/getAllContexts.jsp
<p class="GetPartStructure">
<table class="table-content" border=1 cellspacing=0 cellpadding=3 />
<tr>
<td class="heading1">Context Name</td>
<td class="heading2">Context ID</td>
</tr>
</p>
</table>
</body>
</html>
