Read (Parse) JSON data and display in HTML Table based on TextBox value from URL in ASP.Net MVC

Hi sunnyk21,

Check this example. Now please take its reference and correct your code

Model

public class ngodarpan
{
    public string id { get; set; }
    public string name { get; set; }
    public string registrationnumber { get; set; }
    public string panNumber { get; set; }
    public string panVerifyStatus { get; set; }
}

Namespaces

using System.Collections.Generic;
using System.Data;
using System.Net.Http;
using System.Web.Mvc;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;

Controller

public class HomeController : Controller
{
    // GET: /Home/
    public ActionResult Index()
    {
        List<ngodarpan> ngo = new List<ngodarpan>();
        string baseurl = "https://ngodarpan.gov.in/ngodarpanws_ndci/apin/getngo/DL_2017_0165260";
        using (var client = new HttpClient())
        {
            client.BaseAddress = new Uri(baseurl);
            client.DefaultRequestHeaders.Clear();
            client.DefaultRequestHeaders.Accept.Add(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/json"));
            HttpResponseMessage Res = client.GetAsync(baseurl).Result;
            if (Res.IsSuccessStatusCode)
            {
                var response = Res.Content.ReadAsStringAsync().Result;                
                object obj = JsonConvert.DeserializeObject(response);
                DataSet dsDetails = JsonConvert.DeserializeObject<DataSet>(((JObject)obj).ToString());
                for (int i = 0; i < dsDetails.Tables["ngodetails"].Rows.Count; i++)
                {
                    DataRow dr = dsDetails.Tables["ngodetails"].Rows[i];
                    ngo.Add(new ngodarpan
                    {
                        id = dr["id"].ToString(),
                        name = dr["name"].ToString(),
                        panNumber = dr["panNumber"].ToString(),
                        panVerifyStatus = dr["panVerifyStatus"].ToString(),
                        registrationnumber = dr["registrationnumber"].ToString()
                    });
                }
            }

            return View(ngo);
        }
    }

    public ActionResult ApiTest(string ngoid)
    {
        List<ngodarpan> ngo = new List<ngodarpan>();
        string baseurl = "https://ngodarpan.gov.in/ngodarpanws_ndci/apin/getngo/" + ngoid;
        using (var client = new HttpClient())
        {
            client.BaseAddress = new Uri(baseurl);
            client.DefaultRequestHeaders.Clear();
            client.DefaultRequestHeaders.Accept.Add(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/json"));
            HttpResponseMessage Res = client.GetAsync(baseurl).Result;
            if (Res.IsSuccessStatusCode)
            {
                var response = Res.Content.ReadAsStringAsync().Result;                
                object obj = JsonConvert.DeserializeObject(response);
                DataSet dsDetails = JsonConvert.DeserializeObject<DataSet>(((JObject)obj).ToString());
                for (int i = 0; i < dsDetails.Tables["ngodetails"].Rows.Count; i++)
                {
                    DataRow dr = dsDetails.Tables["ngodetails"].Rows[i];
                    ngo.Add(new ngodarpan
                    {
                        id = dr["id"].ToString(),
                        name = dr["name"].ToString(),
                        panNumber = dr["panNumber"].ToString(),
                        panVerifyStatus = dr["panVerifyStatus"].ToString(),
                        registrationnumber = dr["registrationnumber"].ToString()
                    });
                }
            }

            return View("Index", ngo);
        }
    }
}

View

<%using (Html.BeginForm("ApiTest", "Home", FormMethod.Post))
    {%>
<input type="text" name="ngoid" class="form-control" />
<input type="submit" class="btn btn-primary" value="Submit" />
<br /><br />
<table>
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Registration Number</th>
        <th>PanNumber</th>
        <th>PanVerifyStatus</th>
    </tr>
    <% foreach (var item in Model)
        { %>
    <tr>
        <td><%: item.id %></td>
        <td><%: item.name %></td>
        <td><%: item.registrationnumber %></td>
        <td><%: item.panNumber %></td>
        <td><%: item.panVerifyStatus %></td>
    </tr>
    <% } %>
</table>
<%} %>

Screenshot