title: Render json string from controller to mvc view
body: <p>My json string is coming as follows:</p>
  
  <pre><code>"[{\"StartTime\":\"09:00\",\"Dates\":\"05-28-2015\",\"Code\":\"DF\",\"LocationCode\":\"NY\"},{\"StartTime\":\"09:30\",\"Dates\":\"05-28-2015\",\"Code\":\"DF\",\"LocationCode\":\"NY\"},{\"StartTime\":\"10:00\",\"Dates\":\"05-28-2015\",\"Code\":\"DF\",\"LocationCode\":\"NY\"},{\"StartTime\":\"10:30\",\"Dates\":\"05-28-2015\",\"Code\":\"DF\",\"LocationCode\":\"NY\"},{\"StartTime\":\"11:30\",\"Dates\":\"05-28-2015\",\"Code\":\"DF\",\"LocationCode\":\"NY\"}]"
  </code></pre>
  
  <p>I need to parse this json string on view and show the data in a table.
  I am new to json. Any help will be really appreciated. Thanks.</p>
  
  <pre><code>$("#divLoad").load("GetAvailableTimeSlots?strProvider=" + provider + "&amp;strFrom=" + from, function (data) {
              var newStr = data.replace('"[', '').replace(']"', '').replace('[', '').replace(']', '');
              var dataArr = newStr.split('},{');
              var jsonArr = new Array(dataArr.length);
              for (var i = 0; i &lt; dataArr.length; i++) {
                  dataArr[i] = '{' + dataArr[i] + '}';
                  var dataElem = dataArr[i].replace('{{', '{').replace('}}', '}');
                  var jsonElem = "'" + dataElem + "'";
                  jsonArr[i] = JSON.parse(jsonElem);
  
              }
  
              $(this).html(jsonArr);
          });
  </code></pre>