Create table and bind with json returned from web services

/*
USING YOUR EXAMPLE AS THE BASE
*/
function successResponse(response) {
    var gsrdR = response.getsearchresultdataResult;
    var tC = "";
    var buttonnode = document.createElement('input');

    /* For css styling */
    var odd = true;

    for (var i = 0; i < response.gsrdR.length; i++) {
        if (odd)
            tC += "<tr class='oddTr'>";
        else
            tC += "<tr class='evenTr'>";
        odd = !odd;
        tC += "<td>" + gsrdR[i].service_provider_name + "</td>";
        tC += "<td>" + gsrdR[i].address_text + ", " + gsrdR[i].city_name + ", " + gsrdR[i].state_name + ", " + gsrdR[i].postal_code + "</td>";
        /*
        Adding the button here.
         */
        tC += "<td><input type='button' value='My Button' /></td>";
        tC += "<td>" + gsrdR[i].phone_no + "</td>";
        tC += "</tr>";

    }
    tC = "<table>" + tC + "</table>";
    document.getElementById("showresult").innerHTML = tC;
}
/*
Now you can use seperate css for alternating rows.
Here is a very crude example.
*/
.oddTr {
    color: white;
    background: black;
}
.evenTr {
    color: white;
    background: black;
}

<!--
If your are willing to add another small library (named kLib) in the page,
then you can use this solution.
You can download the library from
https://googledrive.com/host/0BwqsmtVQ7ry6a3hsUlZHeS1pTVE/kLib-1.1.0-min.js
Check out the CodeProject article about kLib for more details.
-->

<script type="text/javascript">
	function successResponse(response) {
		var data = response.getsearchresultdataResult,
		node = document.getElementById("showresult"),
		odd = true,
		tr;
		var table = node.addChElem('table');
		for (var i = 0; i < data.length; i++) {
			tr = (odd) ? 'tr.oddTr' : 'tr.evenTr';
			odd = !odd;
			var t = table.addChElemTree([tr,['nm=td','adr=td','td',['ip=input'],'ph=td']]);
			t.nodes.nm.addChTxtNd(data[i].service_provider_name);
			t.nodes.adr.addChTxtNd(data[i].address_text + ", " + data[i].city_name + ", " + data[i].state_name + ", " + data[i].postal_code);
			t.nodes.ip.setAttr({
				type: 'button',
				value: 'My Button'
			}).onclick = function (){
				/*
				Write the code that you want to be executed when the button is pressed.
				*/
			}
			t.nodes.ph.addChTxtNd(data[i].phone_no);
		}
	}
</script>
<style type="text/css">
.oddTr {
	color: black;
	backround: white;
}
.evenTr {
	color: white;
	backround: black;
}
</style>