JSFiddle - React, Tailwind, and code Playground

HTML

<div id='jsonObj'>jsonObj</div>
<div id='linkAddress'>jsonObj</div>
<div id='linkAddress2'>jsonObj</div>
<div id='linkAddress3'>jsonObj</div>

CSS

div {
    margin-top: 20px;
}

JavaScript

function generateMDS3UrlQueryString(cid, asmtData) {
    var url = "/clinical/mds3_popup/newmds.xhtml?ESOLclientid=" + cid;
    
    for (var key in asmtData) {
        if (key.substring(0, 1) == 'A') 
            url += "&" + key + "=" + asmtData[key];
        else if (key == 'ard') 
            url += "&ESOLard=" + asmtData[key];
    }

    return url;
}

params1 = {A310A: '99', A310B: '99', A310C: '0', A310F: '2', A310G: '1', ard: '10/18/2013'};
params2 = {A310A: '99', A310B: '99', A310C: '0', A310F: '2', ard: '10/18/2013'};

$('#jsonObj').css("border", "3px solid green");
$('#jsonObj').html(JSON.stringify(params1));

$('#linkAddress').css("border", "3px solid blue");
$('#linkAddress').html(generateMDS3UrlQueryString(42, params1));

$('#linkAddress2').css("border", "3px solid red");
$('#linkAddress2').html(generateMDS3UrlQueryString(42, params2));

var newUrl = generateMDS3UrlQueryString(43, {"A310A":"99","A310B":"99","A310C":"0","A310F":"2","A310G":"1","ard":"10/18/2013"});

$('#linkAddress3').html(newUrl);