Geek asks and answers

How to add data table to html table using json?

I need to show the entire table layout in an html table using the ajax method, but it does not work. I do not know the problem, please help me friends and my code.,.

JsonResult Controller

 public JsonResult FixturesVal(string TournamentName, string GroupName, string MatchDate, string MatchType, string GroundName, string MatchName, string TeamA, string TeamB, string Schedule)
    {
        string League = "";
        DateTime MatchPlayedOn = DateTime.ParseExact(MatchDate, "dd-MM-yyyy", CultureInfo.CurrentCulture);
        if (MatchType == "League")
        {
            League = objdetails.LeagueValidation(TournamentName, GroupName, MatchPlayedOn, MatchType, GroundName, TeamA, TeamB,Schedule);
        }

        if (League == "OK")
        {
            objdetails.AddFixture(TournamentName, GroupName, MatchType, MatchPlayedOn, Schedule, GroundName, MatchName, TeamA, TeamB,"New Tournament");
            League = objdetails.Save();
        }

        //var FixtureLayout = objdetails.TeamsForFixtures(TournamentName);
        int value = objdetails.Number(TournamentName, GroupName);
        var data = new { League, value };            
        return Json(data, JsonRequestBehavior.AllowGet);
    }

My jquery

    $.post("/Fixtures/FixturesVal", { TournamentName: TournamentName, GroupName: GroupName, MatchDate: date, MatchType: MatchType, GroundName: ground, MatchName: $('#MatchCount').val(), TeamA: TeamA, TeamB: TeamB, Schedule: sche }, function (result) {
      $('#MatchCount').val("M" + result.value);
              $.each(result.FixtureLayout, function (i, value) {
                   tbody += '<tr><td>' + value.GroupName + '</td><td>' + value.MatchDate + '</td></tr>';
               });
       alert(tbody);
},"json");

These features do not work.

+3
source share
1 answer

Regarding general javascript error detection:

Launch your browser console and check for errors.

You can add a callback .failto the call $.post():

$.post(...).fail(function(){  console.log('error', arguments);  });

to check if your request worked.

Regarding your specific problem:

Try specifying the parameter dataTypein the $.post()call:

$.post(url, {...}, function(result){...}, "json")
0
source

More articles:


All Articles