2022.2

IfthereturnedcontentisJSONdata,thatdatahastobewrappedinHTMLbeforeinsertingitintothe
template.Thisisdemonstratedintheexamplebelow.
Tip: InstallthePostmanapplicationtopreviewJSONreturnedbyanendpoint.
Tip: ToloadaJavaScriptfile(.js)orastylesheet(.css)youcanuseloadtext().See"loadtext
()"onpage731.
Inserting content in the template
Toinsertthecontentaftertheselectedelement,useresults.after().Toreplacetheelementwith
thenewcontent,useresults.html()orresults.replaceWith().
Example: recent posts
ThefollowingscriptloadsfivepostsfromMozilla'sblogandinsertstheirtitlesaslinksinatemplate.
Mozilla'sblogisaWordPresswebsite.SincetheWordPressRESTAPIusesJSONastheresponse
format,theloadjson()functionhastobeusedandthereceivedcontenthastobewrappedinHTML.
Ifthescript'sselectorwash1(aleveloneheading),theretrievedcontentwouldbeinsertedaftereach
leveloneheading.
var postsObj = loadjson('https://blog.mozilla.org/wp-json/wp/v2/posts?per_page=5');
var html = '';
html = '<ul>';
for (var idx in postsObj) {
html += '<li><a href="' + postsObj[idx].link + '">' + postsObj[idx].title.rendered + '</a></li>';
}
html += '</ul>';
results.after(html);
SeeWordPressRESTAPIdeveloperendpointreference.
Tip: MoreexamplesofhowtouseanAPItoloadexternalcontentaregivenintheseHow-to's:
l
UsingtheGoogleMapsAPI
l
UsingtheOpenWeatherMapAPI
Using scripts in Dynamic Tables
IfthecontentsorstyleofcellsorrowsinaDynamicTableneedtobepersonalizedbasedonthevalue
ofadatafield,youwillneedascript.
Doyouwanttostyleorchangetheoutputofanexpression,basedonthevalueofadatafield?Thena
customHelpercancomeinhandy.AHelperisafunctionthatcanbeusedinanexpression.Howtocre-
ateacustomHelperisdescribedinthetopic:"CreatingcustomHelpers"onpage336.Aftercreatinga
HelperyoucantypethatHelper'snameinanyexpression.
Page 394